Não posso acreditar que estou fazendo uma pergunta óbvia, mas ainda recebo o erro no log do console. O console diz que não consegue encontrar o módulo no diretório, mas verifiquei pelo menos 10 vezes em busca de erros de digitação. De qualquer forma, aqui está o código do componente. Eu quero...
Eu tenho uma caixa de seleção do elemento TSX (JSX): <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Com a ajuda do código VS, sei que o tipo de parâmetro de entrada do this.handleCheckboxClické MouseEvent<HTMLInputElement>. Então, eu implementei...
Além da capacidade de definir um "activeClassName" e "activeStyle" no NavLink, há alguma razão para usar o NavLink sobre o link ao criar links para outras rotas em elementos não navegacionais (ou seja, não nav principal no cabeçalho ou rodapé) em seu site que não precisa de um estado / classe...
Experimentando o TypeScript para um projeto React e estou preso neste erro: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of...
Eu sou novo na Biblioteca React.js e estava lendo alguns dos tutoriais e me deparei com: this.setState this.replaceState A descrição dada não é muito clara (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Similarmente, The...
Só consigo ver o aplicativo real em /public. As configurações em webpack.config.jsestão abaixo: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',
Eu entendo como (e por que ) adicionar um espaço em branco no JSX, mas estou me perguntando qual é a melhor prática ou se alguma faz alguma diferença real? Envolva os dois elementos em um intervalo <div className="top-element-formatting"> <span>Hello </span> <span...
Eu construí um site com React.js e webpack . Quero usar fontes do Google na página da web, então coloco o link na seção. Fontes do Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> E definir CSS body{ font-family: 'Bungee Inline', cursive; } No...
Estou tentando descobrir como alternar uma classe ativa onClickpara alterar as propriedades CSS. Eu fiz muitas abordagens e li muitas respostas de SO. Usar jquery seria relativamente simples, no entanto, não consigo descobrir como fazer isso com o react. Meu código está abaixo. Alguém pode...
Estou trabalhando em um projeto com Typescript, React e Redux (todos rodando em Electron), e tive um problema ao incluir um componente baseado em classe em outro e tentar passar parâmetros entre eles. Em termos gerais, tenho a seguinte estrutura para o componente do contêiner: class...
Eu sou novo no ReactJs. Este é o meu código: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Gostaria de perguntar como reage a lidar com nativos ou como fazer a fonte responsiva. Por exemplo, no iphone 4s, tenho fontSize: 14, enquanto no iphone 6, tenho fontSize: 18.
Tenho usado os recursos ECMAScript 6 e ECMAScript 7 (graças ao Babel) em meus aplicativos - tanto móveis quanto web. O primeiro passo, obviamente, foi o ECMAScript 6 níveis. Aprendi muitos padrões assíncronos, as promessas (que são realmente promissoras), geradores (não tenho certeza por que o...
Estou tentando separar um componente de apresentação de um componente de contêiner. Eu tenho um SitesTablee um SitesTableContainer. O contêiner é responsável por acionar ações de redux para buscar os sites apropriados com base no usuário atual. O problema é que o usuário atual é buscado de...
antes de postar esta questão, tentei pesquisar em sqa stackexchange, mas não encontrei nenhuma postagem sobre raso e renderização lá, então espero que alguém possa me ajudar aqui. Quando devo usar raso e render no teste de componentes de reação? Com base nos documentos do airbnb, fiz algumas...
Sou novo no React e estou tentando importar uma DATAvariável JSON de um arquivo externo. Estou recebendo o seguinte erro: Não é possível encontrar o módulo "./customData.json" Alguém poderia me ajudar? Funciona se eu tiver minha DATAvariável, index.jsmas não quando ela estiver em um arquivo...
Este é meu projeto: https://github.com/kenpeter/my_hak_news , que é uma cópia direta de https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news e executereact-native run-android Recebi este erro: * What went wrong: Execution failed for task...
Usando o método css-in-js para adicionar classes a um componente react, como adiciono vários componentes? Aqui está a variável classes: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Aqui está como eu usei: return (...
Ao criar um aplicativo de reação, o service worker é invocado por padrão. Por que o service worker é usado? Qual é o motivo da invocação padrão?
Estou desenvolvendo um novo aplicativo usando a nova API React Context em vez de Redux, e antes, com Redux, quando preciso obter uma lista de usuários, por exemplo, simplesmente chamo componentDidMountminha ação, mas agora com React Context, minhas ações ficam dentro my Consumer que está dentro...