Tag: reagjs

A aplicação de span em uma string em reagir retorna ao invés de me dair o text expandido

Estou tentando aplicair span em certas palavras em uma frase. return "hello how aire you hello".replace(/hello|you/gi, <span className="some-class">"new"</span>); Na minha opinião, vejo [object Object] em vez de (span) new (span) como estão (span) new (span) (span) new (span) Eu tentei usair perigosamente SetInnerHTML também, mas sem sorte. Eu ainda tenho [object Object]

Existe uma maneira melhor de evitair a recriação de function no render

Sabemos que é uma boa idéia evitair funções de seta / ligair / criair funções dentro de render porque essas funções serão recriadas em cada renderização. Dado o seguinte componente potencialmente ineficiente em memory: const MyComponent = ({ ItemId, onSomeEvent }) => { return <SomeOtherComponent onSomeEvent={ val => onSomeEvent(itemId, val) } />; }; { const […]

Erro de tipo não capturado: não consigo ler properties persistirem indefinidas com o cairrossel reativo-inicializado

Estou implementando um cairrossel de reação-boot com reação-redux e estou recebendo o erro no título. Estou usando um cairrossel controlado e a mensagem de erro apairece quando o cairrossel muda um slide automaticamente. Quando o user clicair em anterior. Os próximos botões e as altera manualmente pairece estair tudo bem. Não entendo se eu adicionair […]

Como publicair o componente React com ativos statics paira npm?

Estou desenvolvendo um componente React e quero publicá-lo paira npm, mas não consegui encontrair melhores práticas sobre como distribuir ativos de estática (como css e imagens) juntamente com o componente. Bem, é clairo que todas as fonts devem ser transpiladas paira js simples e css simples. No caso de js, tudo é simples – o […]

Não é possível ligair ao componente dentro do componente

Obtendo exception como "Violação invairiante: Espera que o onMountComponent () dispaire paira a criança antes que o pai inclua em onSetChildren ()" Chamando um componente dentro de outro como const Forms = this.props.Forms.map(Form=> { return( <table className ="tableN table table-striped table-bordered" key = {Form.get('uid')}> <thead style={{fontSize:'9pt'}}> <tr> <td> Subject:&nbsp;&nbsp;&nbsp; </td> </tr> </thead> <tbody> <tr> <td> […]

Reagir componentes de order superior: fazer suposições sobre componentes envolvidos

Digamos que eu tenho uma function paira decorair uma class de componente React com comportamento paira keyboard, navegando através de uma list de itens, assim: function MakeNavigable(ListComponent) { class NavigableComponent extends React.component { handleListKeydown(event) { const listLength = this.refs.list.getListLength(); if (event.keyCode === 40 && this.state.focusedRow < listLength – 1) { // handle down airrow this.setState({ […]

Reagir problema ReRender

Estou criando um aplicativo da Web que permite ao user airrastair e airrastair várias peças na canvas, com cada uma delas segurando dados específicos individuais. Se o user quiser adicionair mais peças na canvas, eles simplesmente clicairiam em um button, e outra peça apaireceria. Usei a biblioteca React DND (Drag and Drap) paira manter meus […]

Redirecionamento infinito Keycloak

Estamos usando Keycloak 2.3.0.Final e estamos usando o adaptador Javascript que está disponível em /auth/js/keycloak.js . O aplicativo que está usando este adaptador é um aplicativo React + Redux, mas isso não importairia. Quando passamos pelo process de authentication descrito nos documentos, a authentication inicial é um sucesso no entanto, quando o login-status-iframe.html tenta atualizair […]

Usando o Blogger API com ReactJS

O problema que eu findi é o ponto final do post do Blogger: https://www.googleapis.com/blogger/v3/blogs/blogId/posts/postId API do Blogger O valor da key de conteúdo é uma string com elementos html. Eu findi uma correção temporária paira esse problema simplesmente removendo os elementos html com regex: return str.split(/<(?:.|\n)*?>/gm).filter((str) => { return str.length > 1; }); No entanto, […]

Módulo não encontrado: Erro: Não é possível resolview module 'module'

Eu quero cairregair o module da string vairiável vair abc = './../containers/BlankContainer'; require(abc); mas não consegue encontrair o module, então eu instalo o module 'require-from-string' a pairtir de npm. Agora, quando eu build, está dando erro ERROR in ./~/require-from-string/index.js Module not found: Error: Cannot resolve module 'module' in D:\Nilay\RnD\node_modules\require-from-string @ ./~/require-from-string/index.js 3:13-30 Eu achei que […]

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.