Perguntas com a marcação «reactjs»

Com react-routereu posso usar o Linkelemento para criar links que são nativamente tratados pelo roteador de reação. Eu vejo internamente que chama this.context.transitionTo(...). Eu quero fazer uma navegação. Não de um link, mas de uma seleção suspensa (como exemplo). Como posso fazer isso no código? O que é this.context? Eu …

1431 reactjs  react-router 

Estou tentando fazer algo parecido com o seguinte no React JSX(onde o ObjectRow é um componente separado): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Percebo e entendo por que isso não é válido JSX, pois JSXmapeia as chamadas de função. No entanto, vindo do modelo …

1279 javascript  reactjs 

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Fechado no ano passado . Bloqueado . Esta pergunta e suas respostas estão bloqueadas porque a questão está fora do tópico, mas tem um significado histórico. No momento, não está aceitando novas respostas ou interações. …

1126 javascript  reactjs  reactjs-flux  flux  redux 

O que ...faz neste código React (usando JSX) e como é chamado? <Modal {...this.props} title='Modal heading' animation={false}>

898 javascript  reactjs 

Estou tentando encontrar a maneira correta de definir alguns componentes que podem ser usados ​​de maneira genérica: <Parent> <Child value="1"> <Child value="2"> </Parent> Existe uma lógica em andamento para renderização entre componentes pai e filho, é claro, você pode imaginar <select>e <option>como um exemplo dessa lógica. Esta é uma implementação …

889 javascript  reactjs  react-jsx 

Comecei a aprender React por curiosidade e queria saber a diferença entre React e React Native - embora não tenha conseguido encontrar uma resposta satisfatória usando o Google. React e React Native parecem ter o mesmo formato. Eles têm sintaxe completamente diferente?

730 javascript  reactjs  react-native  javascript-framework 

Eu tenho um objeto observável externo (ao componente) no qual desejo escutar alterações. Quando o objeto é atualizado, ele emite eventos de alteração e desejo renderizar novamente o componente quando qualquer alteração for detectada. Com um nível superior, React.renderisso foi possível, mas dentro de um componente não funciona (o que …

688 reactjs  react-jsx 

De acordo com os documentos, "Sem o middleware, o armazenamento Redux suporta apenas o fluxo de dados síncrono" . Não entendo por que esse é o caso. Por que o componente de contêiner não pode chamar a API assíncrona e dispatchas ações? Por exemplo, imagine uma interface simples: um campo …

684 javascript  asynchronous  reactjs  redux  redux-thunk 

Estou criando um componente React que aceita uma fonte de dados JSON e cria uma tabela classificável. Cada uma das linhas de dados dinâmicas possui uma chave exclusiva, mas ainda estou recebendo um erro de: Cada criança em uma matriz deve ter um suporte "chave" exclusivo. Verifique o método de …

657 javascript  reactjs 

Estou usando o React-router e funciona bem enquanto clico nos botões de link, mas quando atualizo minha página da Web, ele não carrega o que quero. Por exemplo, estou dentro localhost/jobliste está tudo bem porque cheguei aqui pressionando um link. Mas se eu atualizar a página da Web, recebo: Cannot …

655 javascript  reactjs  url  react-router 

Eu quero ler as propriedades do valor do evento onClick. Mas quando clico nele, vejo algo assim no console: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Meu código está funcionando corretamente. Quando corro, posso ver, {column}mas não consigo, no evento onClick. Meu código: var HeaderRows = React.createClass({ …

639 javascript  reactjs 

Qual é a maneira de reagir ao definir o foco em um campo de texto específico depois que o componente é renderizado? A documentação parece sugerir o uso de referências, por exemplo: Defina ref="nameInput"no meu campo de entrada na função renderizar e chame: this.refs.nameInput.getInputDOMNode().focus(); Mas onde devo chamar isso? Eu …

629 javascript  reactjs 

Eu estava assistindo um curso da Pluralsight sobre React e o instrutor afirmou que os adereços não deveriam ser alterados. Agora estou lendo um artigo (uberVU / react-guide) sobre adereços vs. estado e diz Os adereços e as alterações de estado acionam uma atualização de renderização. Mais adiante, no artigo, …

559 javascript  reactjs 

Existe uma maneira de adicionar atributos apenas a um componente React se uma determinada condição for atendida? Eu devo adicionar os atributos obrigatório e readOnly para formar elementos com base em uma chamada Ajax após a renderização, mas não consigo ver como resolver isso, pois readOnly = "false" não é …

551 javascript  reactjs 

Quando é que é importante passar propspara super(), e por quê? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } }

532 reactjs  ecmascript-6