时间戳

首页 > 解决方案 > 使用输入类型和反应

reactjs - 使用输入类型和反应

问题描述

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

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

在此处输入代码：import { Formik } from '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>
  )
};

}

导出默认登录；

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

标签： reactjsinput

解决方案

首先，您必须使用className=""而不是class="". 其次，您有一个未关闭的输入<input class="input" type="text">您必须先关闭它。最后一部分也不适合反应。

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

请先清理您的 HTML。所有标签都必须关闭。即使这样，
如果这不能解决问题，请将您的错误发送给我们。

推荐阅读