Resultados da pesquisa a pedido "jsx"

6 a resposta

ReactJs: Quais devem ser os PropTypes para this.props.children?

Dado um componente simples que gera seus filhos: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ...

2 a resposta

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 ...

3 a resposta

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?

7 a resposta

Você não deve usar <Link> fora de um <Router>

Estou tentando configurar o react-router em um aplicativo de exemplo e estou recebendo o seguinte erro: You should not use <Link> outside a <Router>Meu aplicativo está configurado da seguinte maneira: Componente paiconst router = ( <div ...

2 a resposta

React - TypeError não capturado: Não é possível ler a propriedade 'func' de indefinido

Estou recebendo o erro: TypeError não capturado: Não é possível ler a propriedade 'func' de undefined No entanto, não tenho idéia do porquê, pesquisei o erro no Google e fui para todos os posts com o mesmo erro, mas sem sorte. Alguém pode me ...

4 a resposta

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"}, ...

2 a resposta

Chamando uma função javascript no JSX: por que chamar uma função sem o () funciona?

Atualmente na Codecademy e aprendendo sobre o React. Chegou a este código: import React from 'react'; import ReactDOM from 'react-dom'; function makeDoggy(e) { // Call this extremely useful function on an <img>. // The <img> will become a ...

1 a resposta

Reagir marcadores nativos do Airbnb: os marcadores desaparecem com sucesso, mas não reaparecem

Atualmente, estou construindo um aplicativo com react-native e estou usando o plug-in de mapas do Airbnb para exibir dinamicamente marcadores. Meus marcadores são baixados do banco de dados firebase com êxito e a matriz que é baixada sempre ...

1 a resposta

Seta vs método clássico na classe ES6

Existe alguma razão para escrever a sintaxe clássica dos métodos ES6? class MyClass { myMethod() { this.myVariable++; } }Quando eu usomyMethod() como retorno de chamada em algum evento, devo escrever algo assim (em JSX): // Anonymous function. ...

2 a resposta

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) { ...