Resultados da pesquisa a pedido "reactjs"
Acessando event.target dentro do retorno de chamada em react
Eu tenho o seguinte snippet de classe: constructor(props) { super(props); this.timeout = null; } search = (e) => { clearTimeout(this.timeout); this.timeout = setTimeout( function(){ console.log(e.target); }, 500 ); } <input type="text" ...
Como obter parâmetros no componente de rota pai
Estou construindo um aplicativo com React, React-Router (v5) e Redux e me pergunto como acessar os parâmetros da URL atual em uma rota pai. Essa é a minha entrada, orouter.js: <Wrapper> <Route exact path="/login" render={(props) => ( <LoginPage ...
Limpar o estado do local após navegar para algum caminho
Estou usando o roteador de reaçãobrowserHistory para navegar para o caminho. browserHistory.push({ pathname: '/mycomponent', state: { someValue: 'value'}, });Portanto, isso irá navegar para o meu componente. Assim que eu chegar ao ...
Carregar fontes com Webpack e face da fonte
Estou tentando carregar uma fonte no meu arquivo CSS usando@font-face mas a fonte nunca carrega. Esta é a minha estrutura de diretórios. [/imgs/D2QPK.png] Então emwebpack.config.js Eu tenho o carregador para obter fontes. var path = ...
Passando cabeçalhos com solicitação POST de axios [ReactJS]
Eu escrevi uma solicitação POST axios conforme recomendado na documentação do pacote npm como var data = { 'key1': 'val1', 'key2': 'val2' } axios.post(Helper.getUserAPI(), data) .then((response) => { dispatch({type: FOUND_USER, data: ...
Como acessar a loja no segundo componente no react-redux
Eu tenho um único componenteApp.js onde eu estou tentando salvar o estado usandoredux. No index.js, onde eu configuro a loja apenas<App /> componente. index.js let store = createStore(scoreReducer); ReactDOM.render( <Provider store={store}><App ...
Quando usar o setState funcional
Eu tenho aprendido a reagir nos últimos dias, analisando alguns tutoriais e explicações sobre as diferentes maneiras pelas quais você pode escrever diferentes elementos. No entanto, há um que eu tenho mais curiosidade sobre - osetState para ...
Implementar uma funcionalidade SlideToggle com React.js
Gostaria de realizar o seguinte com meu menu suspenso. 1 - Mostre ao clicar 2 -Oculte no segundo clique 3 - Oculte ao clicar em qualquer lugar fora dele. 4 - Faça tudo isso com um efeito de slide Eu tenho 1-3 cobertos.Estou bloqueado no dia ...
Como oculto a chave da API no create-react-app?
Eu fiz um aplicativo de previsão do tempo em create-react-app. Como oculto a chave da API para que eu possa confirmar o GitHub? No momento, a chave está no App.js: const API_KEY = "123456";
Passar dados do filho para o pai no React
Eu tenho três componentes no React, um atua como um contêiner que passa os componentes do meu filho para ser renderizado em um formulário. Quando o formulário é enviado, desejo que cada um dos componentes filhos do meu componente pai passe por ...