Perguntas com a marcação «reactjs»

Muitas linguagens de modelos possuem instruções "slots" ou "yield", que permitem fazer algum tipo de inversão de controle para agrupar um modelo dentro de outro. Angular possui a opção "transcluir" . Rails possui declaração de rendimento . Se o React.js tivesse uma declaração de rendimento, seria assim: var Wrapper = …

187 javascript  template-engine  composition  reactjs  transclusion 

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 2 anos . Melhore esta pergunta O React 16.3.0 foi lançado e …

187 javascript  reactjs  redux  react-redux  react-context 

Suponha que eu possua uma classe React P, que renderize duas classes filho, C1 e C2. C1 contém um campo de entrada. Vou me referir a este campo de entrada como Foo. Meu objetivo é deixar o C2 reagir às mudanças no Foo. Eu vim com duas soluções, mas nenhuma …

186 reactjs 

Estou tendo problemas com um formulário React e gerenciando o estado corretamente. Eu tenho um campo de entrada de tempo em um formulário (em um modal). O valor inicial é definido como uma variável de estado getInitialStatee é passado de um componente pai. Isso por si só funciona bem. O …

184 reactjs 

Por que não consigo acessar os métodos do componente de "fora" no ReactJS? Por que não é possível e existe alguma maneira de resolvê-lo? Considere o código: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a …

183 javascript  reactjs  dom 

Estou ligando para o serviço da web usando a busca, mas o mesmo posso fazer com a ajuda do axios. Então agora estou confuso. Devo ir para axios ou buscar?

182 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

Eu sou novo no uso de classes ES6 com React; anteriormente, vinculei meus métodos ao objeto atual (mostrado no primeiro exemplo), mas o ES6 me permite vincular permanentemente uma função de classe a uma instância de classe com setas? (Útil ao passar como uma função de retorno de chamada.) Eu …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Eu tenho um widget de bate-papo que exibe uma variedade de mensagens toda vez que eu rolar para cima. O problema que estou enfrentando agora é que o controle deslizante permanece fixo na parte superior quando as mensagens são carregadas. Eu quero que ele se concentre no último elemento de …

181 javascript  reactjs  ecmascript-6 

Eu gostaria de exibir um titleem <AppBar />que é de alguma forma passou no da rota atual. No React Router v4, como seria <AppBar />possível obter a rota atual passada para o seu titleprop? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route …

181 reactjs  react-router  react-router-v4 

Eu sou novo em todo o mundo nodejs / reactjs, então peço desculpas se minha pergunta parecer boba. Então, eu estou brincando com o reactabular.js . Sempre que eu faço, npm startele sempre funciona localhost:8080. Como faço para alterá-lo para ser executado 0.0.0.0:8080publicamente? Eu tenho tentado ler o código fonte …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Eu gosto bastante do padrão CSS embutido no React e decidi usá-lo. No entanto, você não pode usar os :hoverseletores e similares. Então, qual é a melhor maneira de implementar o realce em foco enquanto usa estilos CSS embutidos? Uma sugestão do #reactjs é ter um Clickablecomponente e usá-lo assim: …

178 reactjs 

Com o React 16.8.6 (foi bom na versão anterior 16.8.3), recebo esse erro ao tentar impedir um loop infinito em uma solicitação de busca ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Não consegui encontrar uma solução que …

178 reactjs  eslint  create-react-app  react-hooks 

Eu estou vindo do mundo angular onde eu poderia extrair lógica para um serviço / fábrica e consumi-la em meus controladores. Estou tentando entender como conseguir o mesmo em um aplicativo React. Digamos que eu tenho um componente que valida a entrada de senha do usuário (é forte). Sua lógica …

177 reactjs  reactjs-flux 

Estou usando o create-react-app e prefiro não eject. Não está claro para onde as fontes importadas via @ font-face e carregadas localmente devem ir. Ou seja, estou carregando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Alguma sugestão? - EDITAR Incluindo …

177 css  reactjs  fonts  webpack  create-react-app 

Estou tentando alternar o estado de um componente no ReactJS, mas recebo um erro informando: Profundidade máxima de atualização excedida. Isso pode acontecer quando um componente chama repetidamente setState dentro de componentWillUpdate ou componentDidUpdate. React limita o número de atualizações aninhadas para evitar loops infinitos. Não vejo o loop infinito …

177 javascript  reactjs  react-native