时间戳

首页 > 解决方案 > React Form 不会向浏览器显示任何内容

javascript - React Form 不会向浏览器显示任何内容

问题描述

我在 javascript 中有一个简单的 React 表单，我似乎无法开始工作。它非常简单，但浏览器不会加载任何内容。

import React from 'react';
import { render } from 'react-dom';


function signUp() {
  function handle () {console.log(document.getElementById('year').value);
}
return (
  <>
  <select id="year">
      <option>Freshamn</option>
      <option>Freshamn</option>
  </select>

  <div>Name</div>
  <input type="text"/>
  <div>Email</div>
  <input type="text"/>
  <div>Password</div>
  <input type="text"/>
  <div><input type="checkbox"/> Remember me</div>
  <button onClick={handle}>Submit</button>
  </>
)
};

ReactDOM.render(<signUp/>, document.getElementById("root"));

我在这里做错了什么？

标签： javascriptreactjs

解决方案

可能会有很多问题。我会尝试更改signUp为SignUp（更改大小写）。另外，你不应该使用document.getElementById. 您应该为输入提供一个状态值并改用该状态值。

推荐阅读