используя тип ввода с реагировать

Question

Я пишу приложение с реакцией, и у меня возникла проблема с использованием тега input

enter code here:import React, { Component } from 'react'

введите код здесь: import {Formik} из 'formik';

enter code here:export class Login   extends Component {
render() {
  return (
    <div class="header">
    <div class="container">
    <div class="logo"></div>
    <div class="form">

  <form>
 <div class="inputemail">
    <label class="labelinput" for="">email or phone</label>
    <input class="input" type="text">
    <div class="inputpassword">
    <label class="labelinput" for="">Password</label>
    <input class ="input"value  type="password">
    <a class="linkpassword" href="#">forget password?</a>
    <input class="inputbtn" type="submit"  value="entrar">enter</input>
                </input>
                 </div>
    </input>
    </div>
    </form>
    </div>
    </div>

    </div>
  )
};

}

экспорт по умолчанию Логин;

когда реакция не принимает ввод тега. кто-то знает, почему это случилось?

Answer 1

Прежде всего, вы должны использовать className="" вместо class="".Во-вторых, у вас есть закрытый ввод <input class="input" type="text"> Сначала вы должны закрыть его.И последняя часть также не подходит для реакции.

<input class="inputbtn" type="submit"  value="entrar">enter</input>
                </input>

Пожалуйста, сначала очистите ваш HTML.Все теги должны быть закрыты.Даже такие как иЕсли это не решит проблему, отправьте нам свою ошибку.

Answer 2

у вас есть ошибка синтаксиса в вашем коде и отсутствующие закрывающие теги, используйте это:

 render() {
    return (
      <div class="header">
        <div class="container">
          <div class="logo" />
          <div class="form">
            <form>
              <div class="inputemail">
                <label class="labelinput" for="">
                  email or phone
                </label>
                <input class="input" type="text" />
                <div class="inputpassword">
                  <label class="labelinput" for="">
                    Password
                  </label>
                  <input class="input" value type="password" />
                  <a class="linkpassword" href="#">
                    forget password?
                  </a>
                  <input class="inputbtn" type="submit" value="enter" />
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    );
  }