Perguntas com a marcação «reactjs»

React (também conhecido como React.js ou ReactJS) é uma biblioteca JavaScript desenvolvida pelo Facebook para criar interfaces de usuário. Ele usa um paradigma declarativo, baseado em componentes e visa ser eficiente e flexível.

2
O componente filho React não é atualizado após a alteração do estado pai
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: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { …
109 reactjs 
4
O que é withRouter no react-router-dom?
À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 usá-lo?
3
Como atualizar o React Context de dentro de um componente filho?
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 LanguageProvider; Meu código de aplicativo será algo como abaixo <LanguageProvider> <App> <MyPage …
5
React.useState não recarrega o estado dos adereços
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 src={user.avatar}/>) : (<p>Loading...</p>); } codepen
6
Quando usar o método React “componentDidUpdate”?
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 resposta!
108 reactjs 
19
Recusou-se a carregar a fonte 'data: font / woff…', ela viola a seguinte diretiva da Política de Segurança de Conteúdo: “default-src 'self'”. Observe que 'font-src'
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 fallback. Além disso: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it …
2
Posso usar React.render () várias vezes no DOM?
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. --> </div> <div id="second-container"> <!-- This element's …
107 reactjs 
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.