Resultados da pesquisa a pedido "react-jsx"
Não é possível usar o valor do estado como adereços para o componente filho
No meu aplicativo react js, parece que não consigo usar o valor do estado como adereços para o componente filho. No componente pai,constructor, o aplicativo tem um estado nulo chamadoselectedWarehouseID. Este estado (selectedWarehouseID) deve ...
Renderização condicional no React js
Eu adicionei uma condição na renderização e de repente ela para de ser exibida. Aqui está o código que estou usando. {this.state.sdata.map((sdata, i) => {i < 5 && <ServiceNavItem key={i} onClick={()=>this.handleSelect(i)}{...sdata} /> } ) }Quero ...
Preciso importar o React para componentes funcionais sem estado?
Ao meu redor (por exemplo, postagens de blog, código), vejo o código para React componentes funcionais sem estado nos quaisReact é importado mesmo que nunca seja usado. import React, { PropTypes } from 'react'; function MyComponent({ foo, bar }) ...
Token inesperado ao renderizar o componente React
Este é um trecho do meu código de componente: renderEditor() { return ( <FroalaEditor base='https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.3.4' value={this.state.value} /> ); } render() { return ( {this.renderEditor()} ); } Mas quando ...
Reagir JSX: Acessar adereços entre aspas
No JSX, como você faz referência a um valor deprops de dentro de um valor de atributo citado? Por exemplo: <img className="image" src="images/{this.props.image}" />A saída HTML resultante é: <img class="image" src="images/{this.props.image}">
Reagir: Todos os manipuladores de eventos do teclado 'nulos'
Não consigo obter nenhum dos ReactSyntheticKeyboardEvent manipuladores para registrar qualquer coisa, excetonull para as propriedades do evento. Eu isolei o componente em um violino e estou obtendo o mesmo resultado que no meu aplicativo. Alguém ...
Como ter elementos condicionais e manter DRY com o JSX do Facebook React?
Como opcionalmente incluo um elemento no JSX? Aqui está um exemplo usando um banner que deve estar no componente se ele foi passado. O que eu quero evitar é ter que duplicar as tags HTML na instrução if. render: function () { var banner; if ...
Renderizando lista de links separados por vírgula
Estou tentando gerar uma lista de links separados por vírgula e esta é a minha solução. var Item = React.createComponent({ render: function() { var tags = [], tag; for (var i = 0, l = item.tags.length; i < l; i++) { if (i === item.tags.length - ...
React.js: É possível namespace de componentes filho enquanto ainda usa JSX para fazer referência a eles?
Então, digamos que eu tenho um componente chamadoImageGrid e é definido como abaixo: window.ImageGrid = React.createClass({ render: function() { return ( <div className="image-grid"> <ImageGridItem /> </div> ); } });Como você pode ver, inclui um ...
ReactJS: o manipulador onClick não dispara quando colocado em um componente filho
Comecei recentemente a trabalhar comReactJS. Especificamente, estou utilizando oreact-rails gema de rubi ereact-bootstrap componentes. Eu tenho uma pergunta sobre a colocaçãoonClick ouvintes de eventos em componentes filhos. Como você pode ver ...