Person.js
import React from 'react';
const Twoway=(props)=>{
return(
<div>
<p>数据双向绑定</p>
<input type='text' onChange={props.get} placeholder='子组件的input'></input>
</div>
)
}
export default Twoway
App.js
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import Twoway from './Person/Person'
class App extends Component{
state={
inptvalue:'',
}
getvalue=(event)=>{
console.log(event.target.value); //获取子组件input的值
this.setState({
inptvalue:event.target.value
})
}
render(){
return(
<div className="App">
<Twoway get={this.getvalue}/>
<p>这里是从子组件input框里得到的值{this.state.inptvalue}</p>
</div>
)
}
}
export default App;