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.



19
React - Como passar tags HTML em props?
Eu quero ser capaz de passar texto com tags HTML, assim: <MyComponent text="This is <strong>not</strong> working." /> Mas dentro do MyComponentmétodo de render de, quando eu imprimo this.props.text, ele literalmente imprime tudo: This is <strong>not</strong> working. Existe alguma maneira de fazer o React analisar o HTML e descartá-lo corretamente?
118 reactjs 

3
Quando devo usar React.cloneElement vs this.props.children?
Ainda sou um novato no React e em muitos exemplos na internet, vejo essa variação na renderização de elementos filhos que considero confusa. Normalmente eu vejo isso: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Mas então vejo um exemplo como este: …
118 reactjs 

10
npm ERR! código UNABLE_TO_GET_ISSUER_CERT_LOCALLY
Estou tentando todas as maneiras de criar um aplicativo de reação. Eu tentei com o maven e agora estou tentando com o sistema de compilação crate-react-app do Facebook Incubators. Quando tentei executar o comando create-react-app my-appno ambiente npm, ele funcionou no meu sistema pessoal sem problemas. Mas quando tentei o …


3
O que é {this.props.children} e quando você deve usá-lo?
Sendo um iniciante no mundo React, quero entender em profundidade o que acontece quando eu uso {this.props.children}e quais são as situações para usar o mesmo. Qual é a relevância disso no snippet de código abaixo? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); …

9
Enviando o token do portador com axios
No meu aplicativo de reação, estou usando axios para executar as solicitações da API REST. Mas não é possível enviar o cabeçalho de autorização com a solicitação. Aqui está o meu código: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config …

30
Imprimir: entrada, “: CFBundleIdentifier”, não existe
Quando executo, react-native run-iosa compilação é bem-sucedida, mas recebo o erro abaixo. Verifiquei em todo o lugar, mas nada parece estar funcionando. Usar sudona frente do comando também não ajuda. Estou usando o Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, node v5.11.0. === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION …


8
Como você atualiza programaticamente os parâmetros de consulta no react-router?
Não consigo encontrar como atualizar os parâmetros de consulta com react-router sem usar <Link/>. hashHistory.push(url)não parece registrar parâmetros de consulta e não parece que você pode passar um objeto de consulta ou qualquer coisa como um segundo argumento. Como você altera o url de /shop/Clothes/dressespara /shop/Clothes/dresses?color=blueno react-router sem usar <Link>? …


7
Detecção de usuário saindo da página com react-roteador
Quero que meu aplicativo ReactJS notifique um usuário ao navegar para fora de uma página específica. Especificamente, uma mensagem pop-up que o lembra de fazer uma ação: "As alterações foram salvas, mas ainda não foram publicadas. Quer fazer isso agora?" Devo acionar isso react-routerglobalmente ou isso é algo que pode …


7
Avisos do React Hook para a função assíncrona em useEffect: a função useEffect deve retornar uma função de limpeza ou nada
Eu estava tentando o exemplo useEffect algo como abaixo: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Executar snippet de códigoOcultar resultadosExpandir trecho e recebo este aviso em meu console. Mas …

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.