page contents

如何在 React 中创建表单?

轩辕小不懂 发布于 2022-07-18 16:34
阅读 802
收藏 0
分类:WEB前端开发
3961
Nen
Nen
- 程序员

React 表单类似于 HTML 表单。但是在 React 中,状态包含在组件的 state 属性中,并且只能通过 setState() 更新。因此元素不能直接更新它们的状态,它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。

 1handleSubmit(event) {

 2    alert('A name was submitted: ' + this.state.value);

 3    event.preventDefault();

 4}

 5

 6render() {

 7    return (        

 8        <form onSubmit={this.handleSubmit}>

 9            <label>

10                Name:

11                <input type="text" value={this.state.value} onChange={this.handleSubmit} />

12            </label>

13            <input type="submit" value="Submit" />

14        </form>

15    );

16}

请先 登录 后评论