Perguntas com a marcação «reactjs»

minha saída do erro: Objeto de configuração inválido. O Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema da API. - configuration.module possui uma propriedade desconhecida 'loaders'. Essas propriedades são válidas: objeto {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, regras ?, defaultRules ?, …

136 reactjs  webpack 

TLDR: Use defaultChecked vez de verificado, trabalhando jsbin . Tentando configurar uma caixa de seleção simples que cruzará o texto do rótulo quando estiver marcada. Por alguma razão, handleChange não está sendo acionado quando uso o componente. Alguém pode explicar o que estou fazendo de errado? var CrossoutCheckbox = React.createClass({ …

136 checkbox  onchange  reactjs 

Estou brincando com Reacte ES6usando babele webpack. Quero criar vários componentes em arquivos diferentes, importar em um único arquivo e agrupá-los comwebpack Digamos que tenho alguns componentes como este: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

Tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src era construído na arquitetura de arquivos Aqui minha arquitetura de arquivos: components file1.jsx file2.jsx file3.jsx container img js ... No entanto, percebi que o caminho é construído …

135 javascript  reactjs  webpack 

Qual é a diferença entre componente e container no react redux?

135 javascript  reactjs  redux 

Eu sou newb para reactjs, quero incluir bootstrap no meu aplicativo react Eu instalei o bootstrap por npm install bootstrap --save Agora, deseja carregar o bootstrap css e js no meu aplicativo de reação. Estou usando o webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: …

135 twitter-bootstrap  reactjs  webpack 

Clonei um aplicativo de reação no meu sistema e executei os seguintes comandos npm install -g create-react-app npm install --save react react-dom Depois disso eu corri npm start Mas ele lançou o erro acima mencionado, está funcionando bem no meu outro sistema a partir do qual eu o empurrei no …

135 reactjs 

Por que no exemplo de pseudo-código a seguir o Child não é renderizado novamente quando o Container altera foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } Mesmo se eu ligar forceUpdate()depois de modificar o …

135 javascript  html  reactjs 

Eu tenho um componente de notificação e tenho uma configuração de tempo limite para ele. depois do tempo limite eu ligo this.setState({isTimeout:true}). O que eu quero fazer é, se já estiver com tempo limite, quero apenas renderizar nada: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ …

135 reactjs 

Como posso obter informações de um ReadableStreamobjeto? Estou usando a API de busca e não vejo isso claro na documentação. O corpo está sendo retornado como ReadableStreame eu simplesmente gostaria de acessar uma propriedade dentro desse fluxo. Em Resposta nas ferramentas de desenvolvimento do navegador, parece que essas informações estão …

135 javascript  node.js  reactjs  fetch 

Como obtenho o URL completo de um componente ReactJS? Eu estou pensando que deveria ser algo como, this.props.locationmas éundefined

135 reactjs 

Eu uso o código abaixo para definir adereços padrão em um componente React, mas ele não funciona. No render()método, vejo que a saída "objetos indefinidos" foi impressa no console do navegador. Como posso definir um valor padrão para os componentes do componente? export default class AddAddressComponent extends Component { render() …

134 reactjs  ecmascript-6 

Em vez de escrever meus componentes dentro de uma classe, gostaria de usar a sintaxe da função. Como faço para substituir componentDidMount, componentWillMountdentro dos componentes da função? É mesmo possível? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); …

134 reactjs  redux 

Embora exista uma pergunta semelhante, não estou conseguindo criar um arquivo com várias funções. Não tenho certeza se o método já está desatualizado ou não, pois o RN está evoluindo muito rapidamente. Como criar uma função auxiliar global em reagir nativo? Eu sou novo no React Native. O que eu …

133 reactjs  react-native 

Eu construí um componente no React que deveria atualizar seu próprio estilo no scroll da janela para criar um efeito de paralaxe. O rendermétodo component se parece com o seguinte: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, …

133 javascript  reactjs