Perguntas com a marcação «reactjs»

Qual é a maneira correta de atualizar o estado, é um objeto aninhado, em React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Como alguém usaria setExampleStatepara atualizar exampleStatepara a(anexando um campo)? …

114 javascript  reactjs  react-hooks 

Estou usando o mesmo componente para três rotas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Existe alguma maneira de combiná-lo, para ser como: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

113 javascript  reactjs  path  react-router  url-routing 

Como estou usando o react-router para lidar com minhas rotas em um app react, estou curioso para saber se há uma maneira de redirecionar para um recurso externo. Digamos que alguém acerte: example.com/privacy-policy Eu gostaria que redirecionasse para: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Não estou encontrando nenhuma ajuda para evitar escrevê-lo em JS simples …

113 javascript  reactjs  redirect  react-router  react-router-redux 

Usamos o pacote Backbone + ReactJS para construir um aplicativo do lado do cliente. Contando fortemente com o notório valueLink, propagamos valores diretamente para o modelo por meio do próprio invólucro que suporta a interface ReactJS para vinculação bidirecional. Agora enfrentamos o problema: Temos um jquery.mask.jsplugin que formata o valor …

112 reactjs 

Estou usando o react e o react-router para a minha aplicação no lado do cliente. Não consigo descobrir como obter os seguintes parâmetros de consulta de um url como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Minhas rotas são assim (o caminho está totalmente errado, eu sei): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" …

112 javascript  reactjs  client-side  react-router  client-side-scripting 

Ao instalar o 'react-native init AwesomeProject' , recebo este erro quando executo react-native run-android: Could not determine java version from '11.0.1'. Um rápido google sugere que eu preciso atualizar o distributionUrlno wrapper do Gradle. Tendo feito isso, encontro um novo erro: Cannot add task 'wrapper' as a task with that …

112 android  reactjs  react-native  wrapper  expo 

A partir dos react.js tutorial que vemos esse uso de chaves duplas: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> E então no segundo tutorial, "Pensando em reagir" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; No entanto, a documentação do React JSX não descreve ou menciona chaves duplas. Para que serve …

112 javascript  reactjs 

Tenho um problema ao navegar para outra página, sua posição permanecerá como a página anterior. Portanto, não vai rolar para cima automaticamente. Eu também tentei usar window.scrollTo(0, 0)no roteador onChange. Também usei scrollBehavior para corrigir esse problema, mas não funcionou. Alguma sugestão sobre isso?

112 javascript  reactjs  react-router  react-router-redux 

Estou vendo isso. Não é um mistério sobre o que está reclamando: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Eu sou o autor de SomeComponente SomeOtherComponent. Mas o último está usando uma dependência externa …

112 reactjs 

Você deve usar this.setState()ao usar redux? Ou você deve sempre despachar ações e depender de acessórios?

111 reactjs  flux  redux 

Estou tentando minha primeira parte do React.js e estou perplexo no início ... Tenho o código abaixo, que renderiza um formulário de pesquisa em <div id="search"></div>. Mas digitar na caixa de pesquisa não adianta nada. Presumivelmente, algo está faltando, passando os adereços e o estado para cima e para baixo, …

111 javascript  reactjs 

Estou tentando usar React.forwardRef, mas estou tropeçando em como fazê-lo funcionar em um componente baseado em classe (não HOC). Os exemplos de documentos usam elementos e componentes funcionais, até mesmo agrupando classes em funções para componentes de ordem superior. Então, começando com algo parecido com isso em seu ref.jsarquivo: const …

111 javascript  reactjs 

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 <". Tentei adicionar /** @jsx React.DOM */no início do arquivo JS, mas não corrigiu nada. Abaixo estão os arquivos HTML e …

110 javascript  html  reactjs  react-jsx 

Estou trabalhando com reactjs e não consigo evitar este erro ao tentar exibir dados JSON (de arquivo ou servidor): Uncaught TypeError: this.props.data.map is not a function Eu olhei para: Código de reação lançando “TypeError: this.props.data.map não é uma função” React.js this.props.data.map () não é uma função Nenhum deles me ajudou …

110 javascript  ajax  json  reactjs 

Estou tentando importar componentes do react-materialize como - import {Navbar, NavItem} from 'react-materialize'; Mas quando o webpack está compilando meu, .tsxele lança um erro para o acima como - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an …

110 reactjs  webpack  webpack-2