Resultados da pesquisa a pedido "react-jsx"
React.js passa dados entre o fluxo de componentes
Eu criei três componentes básicos. A renderiza os componentes B e C B é como o cabeçalho que contém as guias 1,2,3 C. É a primeira página na qual existem dois formulários, um exibido por vez. Ao mostrar o primeiro formulário, preciso mostrar a ...
Jest com coffeescript jsx?
Como posso usar o Jest para testar os componentes do React escritos em CoffeeScript + React jsx? O único exemplo do CoffeeScript fornecido com o Jest usa o CoffeeScript comum e não funciona com o CoffeeScript + React JSX (erro de sintaxe ao ...
Reagir iniciante confundir sobre a diferença entre JavaScript e JSX
Eu sou bastante novo no React, acho que a maioria dos tutoriais falou sobre JSX, não aprendi nenhuma sintaxe JSX, mas estou imaginando se a principal diferença de uso entre JavaScript e JSX no React é apenas na sintaxe semelhante a HTML? Ou no ...
babel watch SyntaxError: token inesperado
Quando eu uso o babel para assistir a um arquivo jsx. Mas há um erro de sintaxe. Antes disso, eu uso as ferramentas de reação para assistir, e está tudo bem. SyntaxError: assets/js/chat/chat.jsx: Unexpected token (258:16) 256 | ...
TypeError não detectado: não é possível ler a propriedade 'Checked' de undefined - ReactJS
Estou tentando criar um aplicativo de lista TODO simples no ReactJS. Meu básico do React não é muito claro, então estou preso aqui. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>React TODO</title> <script ...
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'); ...
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 ...
Formatando código com a marca <pre> no React e no JSX
Estou tentando usar a tag pré dentro do JSX. Quando você usa a tag pré no JSX, ela não formata nada. Por quê? Para usar a pré tag, preciso fazer algo assim: const someCodeIWantToFormat = "var foo = 1" const preBlock = { __html: "<pre>" ...
Como renderizar um comentário HTML no React?
Atualmente, o método de renderização pode retornar apenas um único elemento / componente. Vejo:aqui [https://github.com/facebook/react/issues/2127] Na discussão desse ticket, alguns sugerem agrupar vários elementos retornados de um componente ...
Definir adereços do componente dinamicamente
Eu preciso definir adereços do componente depois que ele é armazenado em uma variável, aqui está o pseudo-código: render(){ let items = [{title:'hello'}, {title:'world'}]; let component = false; switch (id) { case 1: component = <A /> break; ...