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...
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}...
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...
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
Isso pode estar trilhando essa linha entre respondente e opinativo, mas eu estou indo e voltando sobre como estruturar um componente ReactJS à medida que a complexidade cresce e pode usar alguma direção. Vindo do AngularJS, quero passar meu modelo para o componente como uma propriedade e fazer...
No react.js, é melhor armazenar uma referência de tempo limite como uma variável de instância (this.timeout) ou uma variável de estado (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () {...
Eu tenho o seguinte: Como faço para me livrar do sublinhado azul? O código está abaixo: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> O componente MenuItem é de http://www.material-ui.com/#/components/menu...
Como faço para acessar o estado redux dentro de uma função saga? Resposta curta: import { select } from 'redux-saga/effects'; ... let data = yield
Usar React.PropTypesfaz sentido em um aplicativo React TypeScript ou é apenas um caso de "cinto e suspensórios"? Como a classe do componente é declarada com um Propsparâmetro de tipo: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } Existe...
Estou tentando enviar uma solicitação GET como segundo parâmetro, mas não funciona enquanto faz como url. Isso funciona, $ _GET ['naam'] retorna o teste: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test')...
Como posso obter a altura de um elemento depois que o React renderiza esse elemento? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var...
Começou a usar o recurso de validação de prop do ReactJS , que, como dizem os documentos, funciona apenas no 'modo de desenvolvimento' por motivos de desempenho. React parece validar as propriedades de um componente específico que anotei, mas não me lembro de ativar explicitamente o 'modo de...
Como faço para ouvir o contentEditablecontrole baseado em evento de mudança ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; },...
Acabei de começar a estudar o ReactJS e descobri que ele oferece 2 maneiras de renderizar páginas: do lado do servidor e do lado do cliente. Mas, não consigo entender como usá-lo juntos. São duas maneiras diferentes de criar o aplicativo ou podem ser usadas juntas? Se podemos usá-lo juntos, como...
eu tenho var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />,...
Estou recebendo esta mensagem quando tentei iniciar meu aplicativo nativo Reage. Normalmente, este tipo de formato funciona em outra navegação de tela múltipla, mas de alguma forma não funciona neste caso. Aqui está o erro: Invariant Violation: The navigation prop is missing for this navigator....
Qual é o significado de {...this.props} Estou tentando usar assim <div {...this.props}> Content Here
Digamos que eu tenha um componente com renderização assim: <View style={jewelStyle}></View> Onde jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Como posso tornar a cor de fundo dinâmica e atribuída aleatoriamente? eu tentei {...
Estou construindo um aplicativo que precisará estar disponível em vários idiomas e localidades. Minha pergunta não é puramente técnica, mas sim sobre a arquitetura e os padrões que as pessoas estão realmente usando na produção para resolver esse problema. Não consegui encontrar nenhum "livro de...
Ainda sou um novato no React e em muitos exemplos na internet, vejo essa variação na renderização de elementos filhos que considero confusa. Normalmente eu vejo isso: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children}...