Qual é o padrão recomendado para fazer um setState em um pai a partir de um componente filho. var Todos = React.createClass({ getInitialState: function() { return { todos: [ "I am done", "I am not done" ] } }, render: function() { var todos = this.state.todos.map(function(todo) {...
A entrada de texto é alinhada ao centro, como corrigir esta entrada de texto para que receba a entrada do canto superior esquerdo Aqui está meu css para entrada de texto /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: {...
Eu olhei a documentação do Facebook em ( React.Component ) e ela menciona como componentWillMounté invocado no cliente / servidor enquanto componentDidMounté invocado apenas no cliente. O que componentWillMountfazer com o
Em esta documentação de Reagir, diz-se que shallowCompare executa uma verificação de igualdade superficial nos objetos atuais props e nextProps, bem como no estado atual e nos objetos nextState. O que não consigo entender é se ele compara superficialmente os objetos, então o método...
Estou confuso sobre como acessar o <input>valor ao usar mount. Aqui está o que tenho como meu teste: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input');
Eu estou tentando sair Reagir-Router (v4) e estou tendo problemas começam fora do Nav ter um dos Link's Seja active. Se eu clicar em qualquer uma das Linktags, o material ativo começa a funcionar. No entanto, gostaria que o Home Linkficasse ativo assim que o aplicativo iniciar, pois é o...
Redux docs para bindActionCreators afirma que: O único caso de uso bindActionCreatorsé quando você deseja passar alguns criadores de ação para um componente que não está ciente do Redux e não quer passar o envio ou o armazenamento do Redux para ele. Qual seria um exemplo onde...
Estou lutando para descobrir o problema com a seguinte sintaxe: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch...
Tenho tido alguns problemas com o roteador react (estou usando a versão ^ 4.0.0). este é meu index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from
Quero usar um evento keyDown em um div no React. Eu faço: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) {
Estou procurando maneiras de implementar a rolagem infinita com React. Eu encontrei react-infinite-scroll e achei ineficiente, pois apenas adiciona nós ao DOM e não os remove. Existe alguma solução comprovada com React que irá adicionar, remover e manter um número constante de nós no DOM. Aqui...
Tenho um componente que às vezes precisa ser renderizado como um <anchor>e outras vezes como um <div>. O propque li para determinar isso, é this.props.url. Se existir, preciso renderizar o componente envolvido em um <a href={this.props.url}>. Caso contrário, ele apenas será...
Acho que o título diz tudo. O aviso amarelo é exibido sempre que eu desmonto um componente que ainda está em busca. Console Aviso: Não é possível chamar setState(ou forceUpdate) em um componente não montado. Este é um ambiente autônomo, mas ... Para corrigir, cancele todas as assinaturas e...
Quero fechar um menu suspenso quando ocorre um clique fora do componente suspenso. Como faço isso?
Estou essencialmente tentando fazer as guias reagirem, mas com alguns problemas. Aqui está o arquivo page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Quando você clica no botão A, as necessidades de componentes RadioGroup para...
Estou reescrevendo meu aplicativo para usar o Flux e tenho um problema com a recuperação de dados do Stores. Tenho muitos componentes e eles se aninham muito. Alguns deles são grandes ( Article), alguns são pequenos e simples ( UserAvatar, UserLink). Tenho lutado para saber onde na hierarquia de...
Existe uma maneira de fazer o React Router abrir um link em uma nova guia? Eu tentei isso e não funcionou. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> É possível modificá-lo adicionando algo semelhante onClick="foo"ao Link como o que eu tenho...
Digamos que eu tenha um botão simples: Quando clico no botão, o componente de cor muda entre vermelho e azul Eu poderia alcançar esse resultado fazendo algo assim. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue :
Eu gostaria de saber como alternar um estado booleano de um componente de reação. Por exemplo: Eu tenho o estado booleano verificado no construtor do meu componente: constructor(props, context) { super(props, context); this.state = { check: false }; }; Estou tentando alternar o estado...
Talvez eu tenha entendido mal alguma coisa, mas useCallback Hook é executado sempre que ocorre uma nova renderização. Passei entradas - como um segundo argumento para usarCallback - constantes não sempre mutáveis - mas o retorno de chamada memoized ainda executa meus cálculos caros em cada...