Resultados da pesquisa a pedido "react-jsx"
reactjs es6, função .map não ativando onclick
Reactjs, problema do ES6: evento onclick muito simples em uma função .map não está funcionando. Quando eu inspeciono, isso na função handleclick representa _this5 e esse em .map bind representa _this6. class LineItem extends React.Component{ ...
JSX não avalia inteiro na expressão como booleano
Estou acostumado a escrever componentes opcionais de renderização como este: var Foo = React.createClass({ render: function() { var length = 0; return <div>Foo {length && <Bar />}</div>; } });Esta abreviaçãoif é mencionado noif / else no guia ...
Renderizar conteúdo dinamicamente a partir de uma função de mapa de matriz no React Native
Estou tentando obter dados de uma matriz e usando a função de mapa para renderizar conteúdo. Olhe para **{this.lapsList()}**e o associado **lapsList()**função para entender o que estou tentando fazer. O resultado é que nada está sendo exibido ...
ReactJS - Adicionar ouvinte de evento personalizado ao componente
No javascript antigo simples, tenho o DIV <div class="movie" id="my_movie">e o seguinte código javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); ...
Como eu converto uma string para jsx?
Como eu pegaria uma string e a converteria emjsx? Por exemplo, se eu trouxer uma string de umtextarea, como eu poderia convertê-lo em umReact elemento; var jsxString = document.getElementById('textarea').value;Qual é o processo que eu usaria ...
Babel 6 reator JSX react - desativar estrito
QuestãoEstou usando o babel 6 para reagir às transformações JSX. No entanto, não estou usando a predefinição de reação, apenas o plug-in 'transform-react-jsx' (e tentando a opção de desativar o modo estrito), aqui está o meu .babelrc { ...
Rotas assíncronas causa erro inválido da soma de verificação do lado do servidor
Estou usando o Webpack, react, react-router, react-redux, redux e simple-redux-router. Eu recebi esse erro ao usar o reag-router com rotas assíncronas e renderização do lado do servidor: bundle.js:1 Warning: React attempted to reuse markup in a ...
Por que o ReactJS não gera chaves automaticamente para crianças dinâmicas?
Ao codificar ReactJS, tenho que fornecer chaves para crianças dinâmicas. Por exemplo: render() { const {options} = this.state const availableOptions = options.map(opt => { return ( <option key={opt.id} value={opt.id}>{opt.displayValue}</option>} ...
Renderizar React Component atribuído de uma importação a uma variável. Como?
Então, eu preciso determinar dinamicamente qual componente mostrar .. então, por exemplo. Eu tenho: import Component1 from '..somepath/Component1' import Component1 from '..somepath/Component2' var P = { red: Component1, blue: Component2 } ...
ReactJs: Impedir várias vezes pressionar o botão
No meu componente React, tenho um botão destinado a enviar alguns dados pelo AJAX quando clicado. Preciso acontecer apenas na primeira vez, ou seja, para desativar o botão após o primeiro uso. Como estou tentando fazer isso: var UploadArea = ...