Tenho um sidenav com vários times de basquete. Portanto, gostaria de mostrar algo diferente para cada equipe quando um deles está sendo pairado. Além disso, estou usando Reactjs, então se eu pudesse ter uma variável que pudesse passar para outro componente, seria
Estou usando a tag & nbsp em jsx e ela não está renderizando o espaço. A seguir está um pequeno trecho do meu código. Por favor, ajude. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p>...
Então, eu tenho isso: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal,
Então, aqui está meu fluxo de trabalho atual para importar imagens e ícones no webpack via ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Isso fica...
Sem Parâmetro function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Com Parâmetro function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Eu quero pegar o event. Como posso...
Tentando fazer com que react-router (v4.0.0) e react-hot-loader (3.0.0-beta.6) funcionem bem, mas obtendo o seguinte erro no console do navegador: Aviso: React.createElement: type é inválido - esperava uma string (para componentes embutidos) ou uma classe / função (para componentes...
Eu tenho o seguinte: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"...
Estou usando o ReactJS e parte do meu aplicativo requer um JSON bem impresso. Eu obtenho alguns JSON como:, { "foo": 1, "bar": 2 }e se eu executar isso JSON.stringify(obj, null, 4)no console do navegador, ele imprime bastante, mas quando eu o uso neste snippet de reação: render: function() {...
Eu tenho alguns dados chamados de estações que são uma matriz que contém objetos. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Eu gostaria de renderizar um componente de interface do usuário para cada posição da matriz. Até agora eu posso escrever...
Quero importar um arquivo CSS para um componente react. Já tentei, import disabledLink from "../../../public/styles/disabledLink";mas recebo o erro abaixo; Módulo não encontrado: Erro: Não é possível resolver 'arquivo' ou 'diretório' ../../../public/styles/disabledLink em c: \ Users \ User \...
Eu sei que as extensões do Chrome usam 'manifest.json`, mas aqui, ele é usado como outra coisa também. conteúdo - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url":...
Quero fazer um componente React arrastável (isto é, reposicionável pelo mouse), que parece necessariamente envolver o estado global e manipuladores de eventos dispersos. Posso fazer isso da maneira suja, com uma variável global em meu arquivo JS, e provavelmente poderia até envolvê-lo em uma...
Estou apenas escrevendo para entrada de texto e, onChangecaso eu chame setState, o React processa novamente minha IU. O problema é que a entrada de texto sempre perde o foco, então preciso focalizá-la novamente para cada letra: D. var EditorContainer = React.createClass({ componentDidMount:...
Digamos que eu tenha uma lista de objetos simples na minha this.state.listque posso usar para renderizar uma lista de filhos. Qual é então a maneira certa de inserir o objeto this.state.list? Abaixo está a única maneira que acho que funcionará, porque você não pode alterar o this.statediretamente...
No envio de um formulário, estou tentando, em doSomething()vez do comportamento de postagem padrão. Aparentemente, no React, onSubmit é um evento com suporte para formulários. No entanto, quando tento o seguinte código: var OnSubmitTest = React.createClass({ render: function() { doSomething =...
Estou trabalhando em um aplicativo react usando o react-router. Tenho uma página de projeto que tem o seguinte url: myapplication.com/project/unique-project-id Quando o componente do projeto é carregado, aciono uma solicitação de dados para esse projeto a partir do evento componentDidMount. Agora...
Estou criando um formulário no React Native e gostaria de fazer TextInput80% da largura da tela. Com HTML e CSS comum, isso seria simples: input { display: block; width: 80%; margin: auto; } Exceto que o React Native não oferece suporte à displaypropriedade, larguras de porcentagem ou margens...
Construí um aplicativo com ReactNative para iOS e Android com um ListView. Ao preencher o listview com uma fonte de dados válida, o seguinte aviso é impresso na parte inferior da tela: Aviso: cada filho em uma matriz ou iterador deve ter uma prop "chave" exclusiva. Verifique o método de...
Como posso acionar manualmente um evento de clique no ReactJS ? Quando um usuário clica no element1, desejo acionar automaticamente um clique na inputtag. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div...
Algo tão simples deve ser facilmente realizado, mas estou puxando meu cabelo por causa do quão complicado é. Tudo que eu quero fazer é animar a montagem e desmontagem de um componente React, é isso. Aqui está o que tentei até agora e por que cada solução não funciona: ReactCSSTransitionGroup...