2
respostas

codigo nao funciona

function App() {
  return (
    <div className="App">
      <TelaPrincipal/>
      <CampoTexto label="Login" placeholder="digite seu nome"/>
      <CampoTexto label="Senha" placeholder="digite seu nome"/>


    </div>
  );

Usei pra imprimir na tela mas nao obtive resultado, o label senha nao aparece...

2 respostas

Olá William!

Pelo que entendi, você está tentando criar um formulário de login utilizando o React, mas o label "Senha" não está aparecendo na tela.

Pelo código que você postou, parece que você está utilizando um componente personalizado chamado "CampoTexto" para criar os campos do formulário. É possível que o problema esteja nesse componente, então sugiro verificar se ele está sendo renderizado corretamente e se o label "Senha" está sendo passado como prop para ele.

Além disso, verifique se os estilos CSS estão sendo aplicados corretamente no seu código, já que isso pode afetar a exibição dos elementos na tela.

Qualquer coisa compartilha o componente "CampoTexto" aqui também.

Espero ter ajudado e bons estudos!

import './Campotexto.css'

const CampoTexto = (props) => {

    return (
        <div className="Campo-texto">
            <label>
                {props.label}
            </label>
            <input placeholder={props.placeholder}></input>
        </div>
    )


}

export default CampoTexto

import  { TelaPrincipal } from './componentes/Banner/TelaPrincipal';
import CampoTexto from './componentes/Campo de texto';

function App() {
  return (
    <div className="App">
      <TelaPrincipal/>
      <CampoTexto label="Login"/>
      <CampoTexto label="senha"/>

    </div>
  );
}

export default App;

Era pra criar outro formulário logo abaixo do primeiro do que na tela so esta imprimindo um, eu ja analisei o codigo mas nao encontrei nenhum erro fiz como vcs so alterei o nome.