react自动触发表单提交_React 表单与事件

父组件和子组件都用表单:

class HelloMessageChild extends React.Component {

render(){

return

子组件显示：{this.props.myDataProp}

;

}

}

class HelloMessage extends React.Component {

constructor(props) {

super(props);

this.state = {value: '父组件',value1:"子组件"};

this.handleChange = this.handleChange.bind(this);

this.handleChange1 = this.handleChange1.bind(this);

}

handleChange(event) {

this.setState({value: event.target.value});

}

handleChange1(event) {

this.setState({value1: event.target.value});

}

render() {

var value = this.state.value;

var value1 = this.state.value1;

return

父组件显示：{value}

;

}

}

ReactDOM.render(

,

document.getElementById('formexmple')

);

杨笑

杨笑

117***1030@qq.com5天前