react05 表单绑定值设置defaultValue

最新推荐文章于 2023-06-15 17:55:55 发布

原创最新推荐文章于 2023-06-15 17:55:55 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js

react项目专栏收录该内容

11 篇文章

订阅专栏

这个博客展示了如何使用React创建一个简单的表单页面。代码中定义了一个名为`FormPage`的类，继承自React组件。组件内部包含一个表单，输入框预设了`fatherValue`的值，复选框默认选中，提交按钮则用于提交表单。这是一个基础的前端UI构建实例，主要涉及React组件和表单元素的使用。

import React from 'react';
class FormPage extends React.Component{
    constructor(){
        super();
        this.state={data:""}
    }
    render(){
        return(
            <div>
                <div>
                    <form action="" method="get">
                        <input type="text" defaultValue={this.props.fatherValue} />
                        <input type="checkbox" defaultChecked="checked" />
                        <button>提交</button>
                    </form>
                </div>
            </div>
        )
    }
}
export default FormPage