react05 表单绑定值设置defaultValue

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

闲敲棋子落画画

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

阅读量135

点赞数

分类专栏： react项目文章标签： react.js

本文链接：https://blog.youkuaiyun.com/jieweiwuwei/article/details/120687177

版权

react项目专栏收录该内容

11 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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