Perguntas com a marcação «reactjs»

Estou trabalhando em um projeto no React e tive um problema que me deixou perplexo. Sempre que corro yarn start, recebo este erro: TypeError [ERR_INVALID_ARG_TYPE]: O argumento "path" deve ser do tipo string. Tipo recebido indefinido Eu não tenho idéia do por que isso está acontecendo, se alguém tiver experimentado …

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

O que causa o seguinte problema? Minha versão do Android SDK não é compatível? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find …

92 javascript  android  reactjs  react-native 

Eu quero incluir / omitir dinamicamente o atributo disabled em um elemento de botão. Já vi muitos exemplos de valores de atributos dinâmicos, mas não dos próprios atributos. Tenho a seguinte função de renderização: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } …

92 reactjs 

Enquanto eu examinava o HTML de algumas páginas, percebi que algumas delas usam esse atributo "data-reactid" como: <a data-reactid="......" ></a> Qual é esse atributo e qual é sua função?

92 javascript  html  reactjs 

Tanto quanto eu sei e corrijo-me se estou errado, redux-thunk é um middleware que nos ajuda a despachar funções assíncronas e valores de depuração na própria ação, enquanto quando eu usei redux-promessa não pude criar funções assíncronas sem implementar minhas próprias como Action lança uma exceção de despachar apenas objetos …

92 reactjs  redux  redux-thunk  redux-promise 

Estou quebrando o exemplo de tarefas do Redux para tentar entendê-lo. Eu li que mapDispatchToPropspermite mapear ações de despacho como adereços, então pensei em reescrever addTodo.jspara usar mapDispatchToProps em vez de chamar dispatch (addTodo ()). Eu chamei addingTodo(). Algo assim: import React from 'react'; import {connect} from 'react-redux'; import addTodo …

92 javascript  reactjs  redux  react-redux 

No meu componente de reação, estou tentando implementar um spinner simples enquanto uma solicitação ajax está em andamento - estou usando o estado para armazenar o status de carregamento. Por alguma razão, este trecho de código abaixo em meu componente React gera este erro Só pode atualizar um componente montado …

92 javascript  ajax  reactjs  state 

Estou tentando passar um nome de classe para um componente de reação para alterar seu estilo e não consigo funcionar: class Pill extends React.Component { render() { return ( <button className="pill {this.props.styleName}">{this.props.children}</button> ); } } <Pill styleName="skill">Business</Pill> Estou tentando mudar o estilo da pílula passando no nome da classe que …

92 javascript  reactjs 

Eu quero chamar um método exposto por um componente React da instância de um Elemento React. Por exemplo, neste jsfiddle . Eu quero chamar o alertMessagemétodo da HelloElementreferência. Existe uma maneira de fazer isso sem precisar escrever invólucros adicionais? Editar (código copiado do JSFiddle) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var …

92 reactjs 

Por exemplo: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

O primeiro princípio da documentação Redux é: O estado de todo o seu aplicativo é armazenado em uma árvore de objetos dentro de um único armazenamento. E eu realmente pensei que entendia bem todos os princípios. Mas agora estou confuso sobre o que significa aplicação. Se aplicação significa apenas uma …

92 reactjs  redux  flux 

Tenho vários componentes que precisam fazer a mesma coisa. (Uma função simples que mapeia seus componentes filhos e faz algo para cada um). No momento estou definindo este método em cada um dos componentes. Mas só quero definir uma vez. Eu poderia defini-lo no componente de nível superior e depois …

92 reactjs 

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 servidor?

91 reactjs 

Estou usando o Sublime Text como editor de texto. Existe um jsFormat para formatar arquivos javascript, mas não consigo encontrar um para JSX. Como vocês lidam com a formatação JSX?

91 reactjs  sublimetext  react-jsx 

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 bindActionCreatorsseria usado / …

91 reactjs  redux  react-redux