Perguntas com a marcação «reactjs»

Qual é o significado de {...this.props} Estou tentando usar assim <div {...this.props}> Content Here </div>

119 reactjs 

Estou brincando um pouco com o Material-UI . Existem opções para criar um layout de grade (como em Bootstrap )? Se não, qual é a forma de adicionar essa funcionalidade? Há um componente GridList, mas acho que tem um propósito diferente.

118 reactjs  material-design  material-ui  grid-system 

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 

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 

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 …

118 node.js  reactjs  npm  create-react-app 

Acabei de começar a trabalhar em um projeto React com TypeScript e me pergunto o que devo fazer com arquivos de classe regulares? Devo usar .tsou .tsxarquivos e não encontrei motivo para não usar o .tsxarquivo todas as vezes, mesmo quando não é um projeto React! Existe algum motivo ou …

118 javascript  reactjs  typescript 

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> ); …

118 javascript  reactjs  react-redux  frontend 

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 …

118 reactjs  rest  token  axios  access-token 

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 …

117 ios  reactjs  react-native 

Estou criando um aplicativo que usa webpack-dev-server no desenvolvimento junto com o react-router. Parece que webpack-dev-server é construído em torno da suposição de que você terá um ponto de entrada público em um lugar (ou seja, "/"), enquanto o react-router permite uma quantidade ilimitada de pontos de entrada. Eu quero …

117 javascript  reactjs  webpack  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>? …

117 reactjs  react-router 

Acabei de instalar node.js e cli node.js instalado instalado reac-nativo-cli npm -g react-native-cli E criou um 'novo projeto'. react-native init new_project e dentro desse diretório 'new_project', cansei de ver se o metro bundler funciona bem. react-native start Mas o comando me deu o seguinte erro e o metro não está …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

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 …

117 reactjs  react-router 

Enquanto eu estava configurando o React dentro do projeto Django, encontrei este erro ModuleBuildError na construção do módulo falhou (de ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Suporte para a sintaxe experimental 'classProperties 'não está ativado no momento (17: 9): …

117 reactjs  webpack  babeljs  babel 

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 …

117 javascript  reactjs  react-hooks