Perguntas com a tag [jsx]
JSX é uma extensão de sintaxe para JavaScript usada em React.js, Vue.js e outros frameworks JavaScript que permitem uso de XML junto com código JS para descrever elementos HTML
34
perguntas
-1
votos
0respostas
24 visitas
Colocar varios if dentro de um onLoad React [duplicada]
Estou tentando colocar 2 if dentro de um onLoad.Eu tentei fazer dessa maneira :
onLoad={() => {(e < index.length) ? e = e : e++ ;
(i >= proximo_mes.length) ? i = i : i++}}
mas a resposta é ...
-1
votos
0respostas
7 visitas
Como fazer um loop de rotas dentro do React Navigation
Tenho um array com as rotas da aplicação:
Porem quando faço um loop para adicionar as rotas:
Tenho o Seguinte Erro: Couldn't find any screens for the navigator. Have you defined any screens as its ...
0
votos
1resposta
29 visitas
Alterar campo dinamicamente no ReactJs
Estou desenvolvendo um projeto, e ao digitar um valor em um campo necessito que o outro campo seja alterado com base nos valores que defini em uma função, aqui está o código:
constructor(props) {
...
-3
votos
1resposta
33 visitas
Usar componente ao clicar em botão no jsx
Estou tentando renderizar o componente Feed dentro desse Main no jsx, mas não estou conseguindo.
Segue o código:
function Feed(props){
return(
<main className='post'>
...
0
votos
1resposta
26 visitas
É possível enviar tags JSX do NodeJs(backend) para o ReactJs?
Preciso enviar um dado ao frontend, mas preciso que ele já esteja com determina tag em volta dele, por exemplo...
dado backend:
Nome: Gabriel
preciso que chegue ao front dessa maneira:
<div>...
0
votos
0respostas
26 visitas
line-height removendo o background-color do componente pai
estou fazendo esses Cards da imagem no React-Native, os components são um Header, Footer, Title e Description. Quando adiciono um line-height ao component Description o componente Footer acaba ...
0
votos
2respostas
105 visitas
Por que React não aceita camelCase para nomear componentes?
Estava preparando uma componente cuja única função era exportar uma tag <p> contendo um texto. Naturalmente criei uma função que exportava o texto:
import React from 'react';
function ...
-1
votos
1resposta
52 visitas
Exibir inputText de acordo com a quantidade selecionada no Picker React-native
Tenho o seguinte problema.
Tenho um componete Piker com a quantidade e quero que a partir da seleção da quantidade eu obtenha o mesmo numero de TextInput definido pela seleção da quantidade.
...
-1
votos
2respostas
83 visitas
getElementById no React/JSX
Iniciei meus estudos de React ontem então não tenho muito conhecimento sobre, e gostaria de saber como dar um document.getElementById() em React/JSX, como faço isso?
Tentei usar document....
2
votos
1resposta
661 visitas
Como passar Informações de um componente funcional filho para um pai React?
Estou desenvolvendo uma aplicação com o React com Hooks e componentes funcionais, e me deparei com a seguinte logica: eu preciso renderizar em tela dos componentes funcionais, ambos com arrays de ...
1
voto
1resposta
149 visitas
React não renderiza resultado deste código
Estou estudando React e estou com um problema, mais precisamente na parte de estado, onde meu código não renderiza na tela. Neste caso tenho um h1 e um ul e nenhum deles aparecem na tela, mas se eu ...
1
voto
2respostas
418 visitas
Espaçamento no JSX
Estou com um arquivo JSX e preciso da um espaço entre o {item.payment.bucket} e OU. No HTML seria mais ou menos assim:
{item.payment.bucket} OU.
Meu código JSX:
<ValueDiv>
<...
-1
votos
1resposta
39 visitas
Como criar um componente container de outros componentes
Boa tarde!
Estou tentando criar um componente que contem divs que estilizam os componentes dentro. Só que são 3 divs e não quero replica-las toda vez que eu for usar, então pensei em criar um ...
0
votos
1resposta
212 visitas
Como usar fetch com express js no react native
Estou tentando fazer uma simples busca usando o react native com express js, porém estou com muitas dificuldades e não estou entendendo como funciona... alguém poderia me ajudar? Ele me retorna o ...
3
votos
1resposta
181 visitas
Como fazer validação de um array se ele possui objetos dentro dele ou não? React JS
Tenho um código feito usando React JS e funciona assim, tenho um componente select, e este é reutilizado várias vezes e as informações que ele recebe sempre vem de um array, só que agora preciso ...
-2
votos
2respostas
61 visitas
Erro ao acessar propriedade com a funcão map
Quando tento acessar as propriedade this.props.arrayMenu me exibe o seguinte erro:
Uncaught TypeError: Cannot read property 'id' of undefined.
conforme imagens abaixo:
import React , { ...
2
votos
1resposta
167 visitas
Acessar uma lista dentro de uma lista em react jsx
Olá, eu sou um novato em React e estou fazendo uma requisição via axios. Essa requisição me retorna o seguinte JSON:
depois de receber essa lista eu faço um .map na lista e ele me retorna o seguinte:...
0
votos
0respostas
173 visitas
Ajuda com imagens dinâmicas no ReactJS
> Meu código está retornando o valor em string no console, porem não retorna a imagem mesmo o caminho estando certo no scr. Não sei qual meu erro.Peço ajuda sou novato na linguagem. abaixo está meu ...
0
votos
5respostas
183 visitas
Como excluir apenas um determinado dado de um estado React
Hoje tenho a seguinte constante:
const alunos = [{
id: 1,
nome: 'Julia',
curso: 'Enfermagem',
}, {
id: 2,
nome: 'Isabela',
curso: 'Veterinária'
}]
porém eu precisaria apagar apenas o dado do ...
1
voto
1resposta
27 visitas
Como setar um estado que está em uma constante com React com uma função
Tenho o seguinte trecho de código:
const [aulas, setAulas] = React.useState([{
id:1,
title: 'Aula 1',
descricao: 'Matemática',
}, {
id:2,
title: 'Aula 2',
descricao: 'Portugues',
}])
function ...
0
votos
1resposta
655 visitas
React Hooks + Socket.io
Estou usando os React Hooks para uma aplicação simples, um clone do feed do Instragam. Para fazer as requisições de cada post na api, estou usando essa lógica:
function Feed() {
const [posts, ...
2
votos
1resposta
267 visitas
Separar JSX do componente - React Native
Existe alguma forma de, no React Native, colocar todo o JSX em um arquivo separado sem ter risco de diminuir a performance do App?
Tipo o Angular que tem um arquivo para o HTML, outro para o CSS e ...
2
votos
0respostas
75 visitas
Adicionar Objeto Array Subdocumento Reactjs e Mongodb
Senhores,
Por gentileza, podem me ajudar com esta duvida?
Resumo: Estou criando um mini app utilizando node/mongo/react. Este app utiliza relacionamento no Mongo e gostaria de ajuda para adicionar ...
2
votos
1resposta
75 visitas
Carregar o valor do state no componentDidMount formatado por moeda
Estou querendo carregar um valor definido no state da aplicação.
Usando um lib para formatar o input e colocar mascara de moeda formato Real (react-intl-currency-input).
Só que ele não carrega o ...
0
votos
1resposta
1mil visitas
Consumir dados e fazer Formulário Dinâmico com o React
Preciso consumir os dados de um webservice para criar uma interface de formulário para preenchimento dinâmica, ou seja, que deva se adaptar a estrutura do formulário recebida pelo webservice e não ser ...
0
votos
0respostas
364 visitas
Executar uma função e se demorar mais que x segundos da erro - React Native
Boa tarde!
Fiz uma função que busca os dados de um JSON na Web, porém queria envolve-lo numa função que se demorasse mais que por exemplo 10 segundos explodisse um erro na tela, atualmente a página ...
0
votos
1resposta
4mil visitas
Passar informações entre componentes sem hierarquia ReactJS
Como passar informações entre componentes no React como props ou status.
Nessa situação tenho um botão e um menu. O menu deve ser aberto toda vez que o botão ser clicado.
Botão
import React, { ...
3
votos
1resposta
668 visitas
Como alterar estado de objetos complexos no React?
tenho o seguinte objeto:
obj = {
title: "obj1",
tab: [{
title: "titulo da tab 1",
card: [{
title: "card1",
url: "url",
image: "image"
},
{
...
0
votos
1resposta
118 visitas
Snippets HTML para JSX
Alguém sabe onde posso conseguir Snippets HTML para usar no JavaScript?
Exemplo:
input: h1 + tab
output: <h1></h1>
1
voto
1resposta
49 visitas
Erro de sintaxe Adjacent JSX React
Criei um componente que há seis imagens porém ao compilar o meu código me retorna o seguinte erro.
E este é meu código fonte do componente ImovelPhotos
import React from 'react';
function ...
1
voto
1resposta
118 visitas
Repetir áudio toda vez que botão for clicado - Javascript e HTML
Quero que o áudio repita do inicio toda vez q o botão for pressionado. Ao invés disso ele só repete após o áudio terminar.
(OBS: Estou usando JSX)
Javascript
playShot() {
var audio = document....
1
voto
1resposta
102 visitas
Syntax Erro. Unexpected token '=' no React
Quando tento rodar o dev-server ele me retorna um erro no console que eu não consigo identificar o que está gerando ele
webpack.config.js
iconst path = require('path');
module.exports = {
entry: './...
5
votos
1resposta
173 visitas
Bug ao reordenar lista de componentes React
Tenho um componente que carrega uma lista de componentes <ComponenteReordenavel> que é reordenado de acordo com o gosto do usuário. O bug acontece quando eu modifico o style desse componente e ...
10
votos
2respostas
10mil visitas
Como comentar bloco de código em JSX (React)
Quero saber se é possível comentar um bloco de código dentro do método render() no React, tentei de todas as formas que conheço e nenhuma deles funcionou.
render() {
return (
<div ...