Perguntas com a marcação «react-jsx»

24
Como passar adereços para {this.props.children}
Estou tentando encontrar a maneira correta de definir alguns componentes que podem ser usados ​​de maneira genérica: <Parent> <Child value="1"> <Child value="2"> </Parent> Existe uma lógica em andamento para renderização entre componentes pai e filho, é claro, você pode imaginar <select>e <option>como um exemplo dessa lógica. Esta é uma implementação …


19
Práticas recomendadas do estilo inline React.js
Estou ciente de que você pode especificar estilos nas classes React, assim: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Devo ter o objetivo de criar todos os estilos dessa …

6
Por que chamar o método react setState não altera o estado imediatamente?
Estou lendo a seção Formulários dereactjsdocumentação e apenas tentei esse código para demonstrar o onChangeuso ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange: function(event) { console.log(this.state.value); this.setState({value: event.target.value}); console.log(this.state.value); }, render: function() { return ( <input type="text" value={this.state.value} …

16
Incluindo Tag de Script no React / JSX
Eu tenho um problema relativamente simples de tentar adicionar scripts em linha a um componente React. O que tenho até agora: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { …


8
Inserir HTML com React Variable Statements (JSX)
Estou criando algo com React, onde preciso inserir HTML com React Variables em JSX. Existe uma maneira de ter uma variável assim: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; e inseri-lo em reagir assim, e funcionou? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } e ele insere o …

12
Nome do componente dinâmico React / JSX
Estou tentando renderizar componentes dinamicamente com base em seu tipo. Por exemplo: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Eu tentei a solução proposta aqui Nomes de componentes dinâmicos React / JSX Isso me deu um …



9
ReactJS: “Uncaught SyntaxError: Unexpected token <”
Estou tentando começar a construir um site no ReactJS. No entanto, quando tentei colocar meu JS em um arquivo separado, comecei a receber este erro: "Uncaught SyntaxError: Unexpected token &lt;". Tentei adicionar /** @jsx React.DOM */no início do arquivo JS, mas não corrigiu nada. Abaixo estão os arquivos HTML e …

7
Arquivo JSX de reação com erro “Não é possível ler a propriedade 'createElement' de undefined”
Eu tenho um arquivo test_stuff.js com o qual estou executando npm test É mais ou menos assim: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( &lt;MyProvider&gt; &lt;/MyProvider&gt; ); describe('Array', function() { describe('#indexOf()', function() { it('should return …

9
Prática recomendada ao adicionar espaços em branco em JSX
Eu entendo como (e por que ) adicionar um espaço em branco no JSX, mas estou me perguntando qual é a melhor prática ou se alguma faz alguma diferença real? Envolva os dois elementos em um intervalo &lt;div className="top-element-formatting"&gt; &lt;span&gt;Hello &lt;/span&gt; &lt;span className="second-word-formatting"&gt;World!&lt;/span&gt; &lt;/div&gt; Adicione-os em uma linha &lt;div className="top-element-formatting"&gt; …

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.