Perguntas com a marcação «reactjs»

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 'postcss'. Estas propriedades são válidas: objeto {amd …

103 reactjs  typescript  webpack 

O título diz tudo. Eu entendo por que componentDidMounté apropriado para qualquer coisa que requer acesso DOM, mas uma solicitação AJAX não necessariamente ou geralmente precisa disso. O que da?

102 reactjs 

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 path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route path="home" …

102 javascript  reactjs  react-router  url-routing 

Eu instalei eslint-config-airbnb que deve pré-configurar o ESLINT para React: Nossa exportação padrão contém todas as nossas regras ESLint, incluindo ECMAScript 6+ e React. Requer eslint, eslint-plugin-import, eslint-plugin-react e eslint-plugin-jsx-a11y. Minha .eslintrcextensão de sua configuração: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": …

102 javascript  reactjs  eslint  eslint-config-airbnb 

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, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" …

102 reactjs  reactjs-flux 

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 resultado renderizado na página seria tomjasonchris Então, eu quero juntar todos os …

102 reactjs 

O que são componentes controlados e componentes não controlados no ReactJS? Como eles diferem um do outro?

102 reactjs  react-component 

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 React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …

102 reactjs  redux  react-router 

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 elemento não for encontrado, fazendo com que o teste …

102 reactjs  jestjs  react-testing-library 

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 /> else <OtherElement/> </div> ) }

102 reactjs 

Estou fazendo um React agora e queria saber se existe uma maneira "correta" de fazer estilo condicional. No tutorial, eles usam style={{ textDecoration: completed ? 'line-through' : 'none' }} Prefiro não usar estilo embutido, então quero usar uma classe para controlar o estilo condicional. Como alguém abordaria isso no modo …

102 javascript  reactjs 

Estou trabalhando com Reactjs, escrevendo um componente de menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url …

101 javascript  reactjs  this  map-function 

Minha equipe e eu recebemos financiamento para começar a desenvolver um aplicativo da web de nível empresarial (não entrarei em detalhes sobre o que ele faz). O aplicativo terá muitas páginas da web separadas, mas duas dessas páginas serão mais focadas e muito pesadas - pesadas como em muita interação …

101 asp.net  angular  reactjs  razor 

Sei que essa é uma pergunta básica, mas não tive sorte em encontrar a resposta em outro lugar. É store.dispatchsíncrono ou assíncrono Redux? No caso de ser assíncrono, existe a possibilidade de adicionar um retorno de chamada após a ação ter sido propagada, como é possível com React?

101 javascript  reactjs  redux  single-page-application 

Ainda sou bastante novo no React, mas tenho trabalhado lentamente e encontrei algo em que estou preso. Estou tentando construir um componente "cronômetro" no React e, para ser honesto, não sei se estou fazendo isso da maneira certa (ou eficiente). No meu código abaixo, eu definir o estado para retornar …

101 javascript  reactjs  settimeout  state