Perguntas com a marcação «reactjs»

Estou tentando importar componentes do react-materialize como - import {Navbar, NavItem} from 'react-materialize'; Mas quando o webpack está compilando meu, .tsxele lança um erro para o acima como - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for...

Estou tentando começar a construir um site no ReactJS. No entanto, quando tentei colocar meu JS em um arquivo separado, comecei a receber este erro: "Uncaught SyntaxError: Unexpected token <". Tentei adicionar /** @jsx React.DOM */no início do arquivo JS, mas não corrigiu nada. Abaixo estão os...

Estou trabalhando com reactjs e não consigo evitar este erro ao tentar exibir dados JSON (de arquivo ou servidor): Uncaught TypeError: this.props.data.map is not a function Eu olhei para: Código de reação lançando “TypeError: this.props.data.map não é uma função” React.js this.props.data.map ()...

Estou tentando fazer um bom componente ApiWrapper para preencher dados em vários componentes filhos. De tudo que li, isso deve funcionar: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: {...

Às vezes, tenho visto pessoas embrulhar seus componentes withRouterao exportá-los: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Para que serve isso e quando devo

Eu li isso no tutorial React. O que isto significa? Reagir é seguro. Não estamos gerando strings HTML, então a proteção XSS é o padrão. Como funcionam os ataques XSS se o React for seguro? Como essa segurança é

Estou um pouco confuso sobre esses conceitos, se eu construir o mesmo aplicativo ToDo completamente em AngularJS e ReactJS --- o que faz o React ToDo usar a vinculação de dados unilateral em vez da vinculação de dados bidirecional do AngularJS? Eu entendo que o React funciona como Render (dados)...

Eu tenho as configurações de idioma no contexto como abaixo class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default...

Estou esperando o estado recarregar na mudança de props, mas isso não funciona e a uservariável não é atualizada na próxima useStatechamada, o que está errado? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img...

Andei pensando e me confundi com o roteamento entre Cliente e Servidor. Suponha que eu use ReactJS para renderização do lado do servidor antes de enviar a solicitação de volta ao navegador da web, e use o react-router como um roteamento do lado do cliente para alternar entre as páginas sem...

Minha reação webApp dá este erro no console do navegador Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a...

Existe uma maneira de saber a versão runtime do React no

Escrevi dezenas de Reactarquivos, nunca use o componentDidUpdatemétodo. Existe algum exemplo típico de quando é necessário usar esse método? Eu quero algum exemplo do mundo real, não uma simples demonstração. Obrigado pela

Quero usar o React para adicionar componentes várias vezes em todo o DOM. Este violino mostra o que estou procurando fazer e não gera erros. Aqui está o código: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component.

Eu tenho um componente React simples que eu conecto (mapeando uma matriz / estado simples). Para evitar fazer referência ao contexto da loja, gostaria de uma maneira de obter "envio" diretamente dos adereços. Já vi outras pessoas usando essa abordagem, mas não têm acesso a ela por algum motivo...

Enquanto escrevo webpack.config.js assim module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; E index.jsxeu importo um...

Fechado . Esta questão precisa ser mais focada . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que ela se concentre em apenas um problema, editando esta postagem . Fechado há 2 anos . Melhore esta...

Existem maneiras de simular componentDidMountcomponentes funcionais do React por meio de ganchos?

Eu tenho um problema em que a re-renderização do estado causa problemas de interface do usuário e foi sugerido apenas atualizar um valor específico dentro do meu redutor para reduzir a quantidade de re-renderização em uma página. este é um exemplo do meu estado { name: "some name", subtitle:...

Esta é minha situação: on this.handleFormSubmit () Estou executando this.setState () dentro de this.handleFormSubmit (), estou chamando this.findRoutes (); - que depende da conclusão bem-sucedida de this.setState () this.setState (); não é concluído antes que this.findRoutes seja chamado ... Como...