以一个form表单为例,我们现在要封装一个表单
这个表单代码如下:
import React, { Component } from 'react'
export default class formitem extends Component {
constructor(props){
super(props)
}
render() {
return (
<div>
<form>
{this.props.name}:<input type="text"/>
<button>{this.props.btn}</button>
</form>
</div>
)
}
}
this.props.name是调用这个表单传入的参数,以下文件为引入这个组件并且传入参数:
import React, { Component } from 'react'
import Formitem from '../../component/form/formitem'
export default class index extends Component {
constructor(props){
super(props)
this.state={
title:"密码",
submit:"登录"
}
}
render() {
return (
<div>