Perguntas com a marcação «reactjs»

É possível incorporar a marcação SVG em um componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Resultados no erro: Os atributos do espaço para nome não são suportados. ReactJSX não é XML. Qual é a maneira mais leve de fazer isso? …

127 javascript  svg  reactjs 

Eu sou novo no ReactJS e na interface do usuário e queria saber como fazer uma simples chamada POST baseada em REST a partir do código ReactJS. Se houver algum exemplo presente, seria realmente útil.

126 reactjs  reactjs-flux  reactjs-native 

Acabei de descobrir que a this.setState()função react em qualquer componente é assíncrona ou é chamada após a conclusão da função na qual foi chamada. Agora pesquisei e encontrei este blog (a operação de mutação do estado setState () pode ser síncrona no ReactJS ) Aqui ele descobriu que setStateé assíncrono …

126 javascript  multithreading  asynchronous  reactjs 

Estou tentando usar event.stopPropagation () dentro de um componente ReactJS para impedir que um evento click borbulhe e desencadeie um evento click anexado ao JQuery no código legado, mas parece que o stopPropagation () do React apenas interrompe a propagação para eventos também anexado no React, e o stopPropagation () …

126 javascript  jquery  reactjs 

Quero criar um sistema de bate-papo e rolar automaticamente para baixo ao entrar na janela e quando novas mensagens aparecerem. Como rolar automaticamente para a parte inferior de um contêiner no React?

126 reactjs 

Sou iniciante em javascript / redux / react, criando um pequeno aplicativo com redux, react-redux e react. Por algum motivo, ao usar a função mapDispatchToProps em conjunto com connect (ligação react-redux), recebo um TypeError indicando que o despacho não é uma função quando tento executar o prop resultante. No entanto, …

124 javascript  reactjs  redux  react-redux 

Como detecto pressionar a tecla Esc nos reactjs? A mesma coisa que jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Uma vez detectado, quero passar as informações aos componentes. Eu tenho três componentes, dos quais o …

124 javascript  reactjs 

Eu estava trabalhando create-react-appe me deparei com esse problema de ondeHome does not contain an export named Home . Aqui está como eu configuro meu App.jsarquivo: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { …

123 javascript  reactjs  ecmascript-6  create-react-app 

Ambos têm rota, link, etc. Quando usar um ou outro? Estou muito confuso sobre onde usar cada um. Lado do servidor? Do lado do cliente? https://reacttraining.com/react-router/ Em alguns exemplos, você precisa passar a história, em outros não. O que fazer? <Router history={browserHistory}> vs <Router> É realmente confuso quando usar um …

123 reactjs  react-router 

Estou construindo um pequeno aplicativo de reação e minhas imagens locais não carregam. Imagens como placehold.it/200x200cargas. Eu pensei que talvez pudesse ser algo com o servidor? Aqui está meu App.js import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div className="home-content"> …

123 javascript  reactjs 

Se as lojas mantiverem seu próprio estado e tiverem a capacidade de chamar serviços de rede e armazenamento de dados ao fazê-lo ... nesse caso, as ações serão apenas passadores de mensagens idiotas, -OU- ... as lojas devem ser idiotas de dados imutáveis ​​das ações (e as ações são aquelas …

122 reactjs  reactjs-flux 

Eu tenho brincado com o React e até agora eu realmente gosto. Estou criando um aplicativo com o NodeJS e gostaria de usar o React para alguns dos componentes interativos no aplicativo. Eu não quero torná-lo aplicativo de página única. Ainda não encontrei nada na web que responda às seguintes …

122 javascript  node.js  reactjs 

Eu estava tentando implementar rotas autenticadas, mas descobri que o React Router 4 agora impede que isso funcione: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> O erro é: Atenção: Você não deve usar <Route component>e …

122 javascript  reactjs  react-router  react-router-v4 

O código a seguir pode ser encontrado neste exemplo ao vivo Eu tenho o seguinte elemento nativo reac: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} …

122 css  reactjs  react-native  flexbox 

Parece que estou tendo problemas para enviar dados para uma matriz de estado. Estou tentando conseguir desta forma: this.setState({ myArray: this.state.myArray.push('new value') }) Mas acredito que essa é a forma incorreta e causa problemas com mutabilidade?

122 javascript  reactjs  immutability