Inicializei o i18nobjeto de tradução uma vez em um componente (primeiro componente que carrega no aplicativo). Esse mesmo objeto é necessário em todos os outros componentes. Não quero reinicializá-lo em todos os componentes. Qual é o caminho? Torná-lo disponível para o escopo da janela não ajuda,...
Eu tenho um problema em que a re-renderização do estado causa problemas de interface do usuário e foi sugerido apenas atualizar um valor específico dentro do meu redutor para reduzir a quantidade de re-renderização em uma página. este é um exemplo do meu estado { name: "some name", subtitle:...
Esta é minha situação: on this.handleFormSubmit () Estou executando this.setState () dentro de this.handleFormSubmit (), estou chamando this.findRoutes (); - que depende da conclusão bem-sucedida de this.setState () this.setState (); não é concluído antes que this.findRoutes seja chamado ... Como...
Estou processando uma lista de postagens. Para cada postagem, gostaria de renderizar uma tag âncora com o id do post como parte da string href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a
Gostaria de definir o título do documento (na barra de título do navegador) para meu aplicativo React. Eu tentei usar o react-document-title (parece desatualizado) e configurar document.titleno constructore componentDidMount()- nenhuma dessas soluções
Tenho um redutor para clientes, outro para AppToolbar e alguns outros ... Agora, digamos que eu criei uma ação fetch para excluir o cliente e, se ela falhar, eu tenho um código no redutor de clientes que deve fazer algumas coisas, mas também quero exibir algum erro global no AppToolbar. Mas os...
Há alguma maneira de evitar que /#/apareça na barra de endereços do navegador ao usar o react-router? Isso é com ReactJS. ou seja, clicar em links para ir para uma nova rota mostralocalhost:3000/#/ ou localhost:3000/#/about. Dependendo da
Sem usar a classe, como faço para usar PropTypes no componente sem estado funcional do react? export const Header = (props) => (
Digamos que eu tenha um componente de visualização com renderização condicional: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason"...
Eu tenho este aplicativo helloworld react simples criado a partir de um curso online, mas recebo este erro: Objeto de configuração inválido. Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema API. - a configuração possui uma propriedade desconhecida...
Estou executando o lint com meu aplicativo React e recebo este erro: error JSX props should not use arrow functions react/jsx-no-bind E é aqui que estou executando a função de seta (dentro onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox...
Qual é a diferença entre carregadores e plug-ins no webpack? A documentação para plug-ins diz apenas: Use plug-ins para adicionar funcionalidades normalmente relacionadas a pacotes no webpack. Eu sei que o babel usa um carregador para as transformações jsx / es2015, mas parece que outras...
Gostaria de perguntar por que meu estado não está mudando quando faço um evento onclick. Eu pesquisei há um tempo que preciso vincular a função onclick no construtor, mas ainda assim o estado não está atualizando. Este é meu código: import React from 'react'; import Grid from...
Sou novo no ReactJS e desejo importar imagens em um componente. Essas imagens estão dentro da pasta pública e não sei como acessar a pasta do componente react. Alguma ideia ? EDITAR Quero importar uma imagem dentro de Bottom.js ou Header.js A pasta de estrutura é: Eu não uso webpack. Eu...
Não entendo qual é o propósito de usar um IndexRoute e IndexLink . Parece que, em qualquer caso, o código abaixo teria selecionado o componente Home primeiro, a menos que o caminho About fosse ativado. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route...
Aqui está meu formulário e o método onClick. Gostaria de executar este método quando o botão Enter do teclado for pressionado. Como ? NB: Nenhum jquery é apreciado. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,...
Eu tenho um componente que exibirá Array of String. O código se parece com isso. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Está funcionando perfeitamente bem. ou seja, se props.data = ['tom', 'jason', 'chris'] O...
Eu sou novo no React Router e aprendi que existem muitas maneiras de redirecionar uma página: Usando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Usando this.context.router.push("/path") class Foo extends...
Tenho uma biblioteca de componentes para a qual estou escrevendo testes de unidade para usar Jest e react-testing-library. Com base em certos adereços ou eventos, quero verificar se certos elementos não estão sendo renderizados. getByText, getByTestIdetc., lance e erro react-testing-libraryse o...
Basicamente, eu tenho um componente de reação, seu render()corpo de função é o seguinte: (É o meu ideal, o que significa que atualmente não funciona) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage...