Question

我正在使用React编写应用程序，但是在使用标签输入时遇到了问题

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

在此处输入代码：从“ 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>
  )
};

}

导出默认登录名；

react不接受标签输入时。有人知道为什么会这样吗？

Answer 1

您的代码中有一个sintax错误，并且缺少结束标记，请使用以下方法：

 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>
    );
  }

Answer 2

首先，您必须使用0 True 1 False 2 False 3 False 4 False 5 False而不是className=""。其次，您有一个未关闭的输入class=""，您必须先关闭它。最后一部分也不适合做出反应。

<input class="input" type="text">

请先清理您的HTML。所有标签都必须关闭。甚至诸如和
如果这样做不能解决问题，请向我们发送您的错误。

使用带有react的输入类型

2 个答案: