Perguntas com a marcação «reactjs»

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 com que …

121 reactjs 

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 () { self.openWidget(); }, DELAY); }, handleLeave: function …

121 javascript  reactjs 

Alguém pode me dizer como posso voltar à página anterior em vez de uma rota específica? Ao usar este código: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Obtenha este erro, goBack () foi …

121 javascript  reactjs  react-router 

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 select(stateSelectorFunction);

121 javascript  reactjs  redux  react-redux  redux-saga 

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') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) …

121 reactjs  react-native  redux  axios 

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 DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight …

121 javascript  reactjs 

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 Qualquer visão ou orientação seria muito apreciada. Agradeço antecipadamente.

121 javascript  reactjs  react-router 

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 algum benefício real em adicionar …

121 reactjs  typescript  react-proptypes 

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 desenvolvimento'. Tentei …

120 reactjs 

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, …

120 javascript  node.js  client-server  reactjs 

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 />, document.body); Quero colorir o fundo do elemento da lista clicado. Como posso fazer isso no React? Algo como $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

120 javascript  jquery  reactjs 

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. In react-navigation 3 you must …

120 reactjs  react-native 

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>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, …

120 javascript  dom  contenteditable  reactjs 

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 receitas" para isso, então estou …

119 architecture  internationalization  reactjs  translation  redux 

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 { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Mas isso faz …

119 css  reactjs  react-native