Resultados da pesquisa a pedido "jsx"
Iterando sobre JSON no React
Eu tenho o seguinte código: export class Highlights extends React.Component { render() { return ( <div> {JSON.stringify(this.props.highlights_data.data)} </div> ) } }Isso imprime o seguinte: {"active": {"label": "Active", "value": "12"}, ...
setState para objetos aninhados
Eu tenho um objeto aninhado como um estado e tenho um formulário em um componente. Eu estava pensando em atualizar o estado toda vez que o usuário digitasse algo no formulário e, para evitar criar muitas funções para cada entrada, eu estava ...
A aplicação de className / onClick / onChange não está funcionando no componente React personalizado
Eu sou quase novo emreact. Estou tentando criar uma edição simples e criar uma máscara. Aqui está o código: import React, { Component } from 'react'; import Company from './Company'; class CompanyList extends Component { constructor(props) { ...
O que os chavetas significam em JSX (React)?
Por exemplo, para definir um estilo em react, você poderia fazer var css = {color: red} e <h1 style={css}>Hello world</h1> Por que você precisa das chaves em torno do css no segundo trecho de código?
O estilo React-Native Button não funciona
Import_thisimport {AppRegistry, Text, View, Button, StyleSheet} from 'react-native';Este código do meu botão React Mas o estilo não está funcionando Hare ... <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', ...
Como validar a composição do componente / componente “base” / componente raiz renderizado no React?
É do conhecimento geral que quando queremos "estender" um<Component> no React, na verdade, não estendemos sua classe por herança, mas usamos a composição para renderizá-la com customprops dentro do nosso componente "derivado", assim: class ...
Texto datilografado + React / Redux: a propriedade “XXX” não existe no tipo 'IntrinsicAttributes & IntrinsicClassAttributes
Estou trabalhando em um projeto com Typescript, React e Redux (todos em execução no Electron), e me deparei com um problema ao incluir um componente baseado em classe em outro e tentar passar parâmetros entre eles. Em termos gerais, tenho ...
Exibir imagens no React usando JSX sem importação
O problema que enfrento é com a tag img. Quando se trata de um único, o código abaixo carrega a imagem: import image1 from './images/image1.jpg; <img src={image1} />Mas o código abaixo não carrega: <img src={'./images/image1.jpg'}/> or <img ...
ESLint com React fornece erros `não-não-usados-vars`
Eu configureieslint & eslint-plugin-react. Quando executo o ESLint, o linter retornano-unused-vars erros para cada componente React. Suponho que não esteja reconhecendo que estou usando a sintaxe JSX ou React. Alguma ...
O erro 'documento' não está definido: eslint / React
Estou construindo um aplicativo React, com create-react-app. Eu recebi o seguinte erro ao executar o ESLint: 8:3 error 'document' is not defined no-undef. Meu aplicativo é executado sem erros, mas recebi esse erro ESLint em 2 arquivos. Veja um ...