1
resposta

Componentes no redenrizam

Ao tentar rodar o projeto react a seguinte mensagem é apresentada:

Failed to compile ./src/componentes/ListaSuspensa/index.js Line 11: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 12: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 13: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 18: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 20: 'React' must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error. This error occurred during the build time and cannot be dismissed.

import "./ListaSuspensa.css";

const ListaSuspensa = (
  label,
  itens,
  valor,
  aoAlterado,
  obrigatorio = false
) => {
  return (
    <div className="lista-suspensa">
      <label>{label}</label>
      <select
        required={obrigatorio}
        value={valor}
        onChange={(evento) => aoAlterado(evento.target.value)}
      >
        <option value=""></option>
        {itens.map((item) => (
          <option key={item}>{item}</option>
        ))}
      </select>
    </div>
  );
};

export default ListaSuspensa;
1 resposta

Opa Ronald, tudo bem?

Peço desculpas pela demora em obter um retorno.

O erro apresentado indica que o React não está sendo importado corretamente no seu arquivo. Para resolver esse problema, você deve importar o React no início do seu arquivo, adicionando a linha "import React from 'react';".

import React from 'react';

Espero ter ajudado e bons estudos!

Fico à disposição.