Resultados da pesquisa a pedido "reactjs"

8 a resposta

Webpack como criar código de produção e como usá-lo

Eu sou muito novo no webpack, descobri que, na produção, conseguimos reduzir o tamanho do código geral. Atualmente, o webpack cria em torno de 8MB de arquivos e o main.js em torno de 5MB. Como reduzir o tamanho do código na construção ...

1 a resposta

React Component Form onSubmit Handler não está funcionando

Eu tenho o seguinte componente React: class Form extends React.Component { handleSubmit(e) { e.preventDefault(); let loginInput = ReactDOM.findDOMNode(this.refs.login); // change Main component's state this.props.addCard(loginInput.value); // ...

2 a resposta

Testando um componente React Modal

Sinto muito, mas estou tendo dificuldades para testar o fechamento do meu React Modal clicando em um botão. O Modal é o mais simples possível, e eu tentei tudo o que posso pensar ou encontrar, mas ainda não consigo consultar seus filhos. O ...

10 a resposta

Como definir activeClassName para o elemento wrapper do Link ou IndexLink no react-router?

Sou novo no mundo ReactJS e gostaria de saber como posso passar o nome da classe ativa para o<li> elemento em vez de<a>(Link) elemento. Agora eu tenho esse tipo de código. A classe âncora muda quando clicada. <li><IndexLink to='/' ...

1 a resposta

Por que reagir removendo meus nomes de classe?

Estou aprendendo o Reactjs e estou processando uma página simples com alguns componentes. Um desses componentes é o seguinte: class Header extends React.Component { render(){ return ( <header> <div class="container"> <Logo /> <Navigation /> ...

2 a resposta

Passar onLayout event.nativeEvent.layout.height do componente pai para o filho faz com que o valor da altura cresça infinitamente

Veja o código em ação em rnplay.org [https://rnplay.org/apps/-5DJTQ]- se você fizer alterações no código, recarregue a janela do navegador e pressione "Toque para reproduzir" novamente. Fiz algumas anotações lá dentro dos componentes ...

4 a resposta

Breadcrumbs dinâmicos usando o roteador react

Há um exemplo muito bom de como fazer umatrilhas de navegação no site na pasta de exemplos do repositório react-router [https://github.com/rackt/react-router/blob/master/examples/breadcrumbs/app.js]. Mas eu estou querendo saber como fazer ...

4 a resposta

Como testar componentes unidos React-Redux Connected?

Estou usando Mocha, Chai, Karma, Sinon, Webpack para testes de unidade. Eu segui este link para configurar meu ambiente de teste para o ...

2 a resposta

React: tentando adicionar um onClick a uma tag li, mas a função do manipulador de cliques é indefinida

Eu sou novo em reagir, então não sei muito sobre isso. Estou tentando adicionar um manipulador de cliques a uma li, mas a função parece estar indefinida? var ActivityList = React.createClass({ getInitialState: function() { return {name:"test"}; ...

4 a resposta

Como remover o hash do URL no react-router

Estou usando o react-router para o meu roteamento e uso a opção hashHistory para atualizar a página do navegador ou especificar um URL de uma das minhas rotas existentes e chegar à página correta. Funciona bem, mas vejo o hash no URL assim:http: ...