Perguntas com a marcação «reactjs»

Estou usando como ambiente um IDE on-line VM do Cloud9.io ubuntu e reduzi ao solucionar esse erro apenas executando o aplicativo com o servidor de desenvolvimento Webpack. Eu inicio com: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP é uma variável que possui o endereço do host $ …

176 reactjs  webpack-dev-server  cloud9-ide  cloud9 

Nos documentos oficiais do React, ele menciona - Se você estiver familiarizado com os métodos do ciclo de vida da classe React, considere usar o Hook Effect como componentDidMount, componentDidUpdate e componentWillUnmount combinados. Minha pergunta é - como podemos usar o componentWillMount()método de ciclo de vida em um gancho?

176 javascript  reactjs  jsx  react-hooks 

Estou trabalhando com um projeto React, usando create-react-app, e tenho duas opções para iniciar o projeto: Primeira maneira: npm run startcom a definição package.jsoncomo esta: "start": "react-scripts start", Segunda maneira: e npm start Qual é a diferença entre esses dois comandos? E qual é o propósito do react-scripts start? Tentei …

175 reactjs  npm 

Eu sou muito novo no React JS (como em, apenas comecei hoje). Não entendo muito bem como o setState funciona. Estou combinando React e Easel JS para desenhar uma grade com base na entrada do usuário. Aqui está o meu bin JS: http://jsbin.com/zatula/edit?js,output Aqui está o código: var stage; var …

174 javascript  reactjs  setstate 

Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os arquivos de configuração nas pastas do meu …

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

Existe alguma diferença "nos bastidores" entre definir o innerHTML de um elemento e definir a propriedade dangerouslySetInnerHTML em um elemento? Suponha que eu esteja higienizando adequadamente as coisas por uma questão de simplicidade. Exemplo: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } …

171 javascript  html  reactjs 

Com este código: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Eu recebo este erro eslint: 7:16 error Parsing error: Unexpected token .. Why? Aqui está a minha …

169 javascript  reactjs  eslint 

Eu sou novo em React JavaScript. Estou tentando desativar um botão quando um campo de entrada está vazio. Qual é a melhor abordagem do React para isso? Estou fazendo algo como o seguinte: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Isso está correto? Não se trata apenas da duplicação de atributo …

168 reactjs 

Eu tenho um problema, que não tenho idéias, como resolver. No meu componente de reação, exibo uma longa lista de dados e alguns links na parte inferior. Depois de clicar em qualquer um desses links, preencheu a lista com uma nova coleção de links e preciso rolar para o topo. …

168 scroll  reactjs  render 

Estou tentando renderizar componentes dinamicamente com base em seu tipo. Por exemplo: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Eu tentei a solução proposta aqui Nomes de componentes dinâmicos React / JSX Isso me deu um …

168 javascript  reactjs  react-jsx 

Estou usando o React e o Redux para desenvolver um aplicativo da web e, quando iniciei meu projeto, obtive o seguinte: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Pesquisei muito sobre como resolvê-lo, mas nenhuma das respostas que encontrei me …

168 javascript  reactjs  react-router  eslint 

Estou com problemas para atualizar o estado da caixa de seleção depois que ele é atribuído com o valor padrão checked="checked"em React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Após a atribuição checked="checked", não consigo interagir com o estado da caixa de seleção clicando para desmarcar …

168 reactjs  checkbox 

Estou tentando aprender ganchos e o useStatemétodo me deixou confusa. Estou atribuindo um valor inicial a um estado na forma de uma matriz. O método set in useStatenão está funcionando para mim, mesmo com spread(...)ou without spread operator. Eu criei uma API em outro PC que estou chamando e buscando …

167 javascript  reactjs  react-hooks 

Atualmente, estou passando pelos tutoriais do React-Native. Comecei com o tutorial de Introdução, onde criei um novo projeto nativo de reação e consegui executá-lo com êxito no meu dispositivo. Iniciei o tutorial Props , copiei o trecho de código e tentei executar o projeto novamente e a seguinte mensagem de …

166 javascript  facebook  reactjs  react-native 

Como posso carregar uma imagem do diretório local e incluí-la na reactjs img srctag? Eu tenho uma imagem chamada one.jpegdentro da mesma pasta do meu componente e tentei ambas <img src="one.jpeg" />e <img src={"one.jpeg"} />dentro da minha renderfunção, mas a imagem não aparece. Além disso, não tenho acesso ao webpack …

166 reactjs