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(...
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>...
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
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...
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 situação...
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}...
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...
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...
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...
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...
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...
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);...
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...
Estou começando a usar o Facebook React em um projeto de Backbone e até agora está indo muito bem. No entanto, notei alguma duplicação se infiltrando em meu código React. Por exemplo, tenho vários widgets semelhantes a formulários com estados como INITIAL, SENDINGe SENT. Quando um botão é...
Eu sei em vanilla js, podemos fazer onclick="f1();f2()" Qual seria o equivalente para fazer duas chamadas de função onClick no ReactJS? Eu sei que chamar uma função é assim:
Estou começando com React.js e quero fazer um formulário simples, mas na documentação, encontrei duas maneiras de fazê-lo. O primeiro está usando Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author =
Eu sei que não devo alterar a entrada e devo clonar o objeto para alterá-lo. Eu estava seguindo a convenção usada em um projeto redux starter que usava: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) para...
É possível obter a posição de rolagem atual ou a página atual de um <ScrollView>componente no React Native? Então, algo como: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}>...
Tenho o seguinte componente ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked:...
Recebendo este erro ao construir um aplicativo iOS nativo reactivo no xcode. Começou a receber este erro após npm install e rpm vincular a biblioteca react -native-fs Mas depois de pesquisar online por uma solução, percebi que muitas pessoas estão recebendo o mesmo erro ao instalar outras...