例
创建Content
import React, { Component } from 'react';
class Content extends Component {
constructor(props) {
super(props);
}
render(){
return <p>{this.props.selectName}content</p>
}
}
export default Content;
创建comment
import React, { Component } from 'react';
import Content from './Content';
class Comment extends Component {
constructor(props) {
super(props);
this.state = {names: ["张小张","3333","2332"]
,selectName: '找小夏'};
this.handleSelect = this.handleSelect.bind(this)
}
handleSelect(event){
this.setState({selectName:event.target.value,
});
}
render(){
var options = [];
for(var option in this.state.names){
console.log(this.state.names[option]);
options.push(<option value={this.state.names[option]}>{this.state.names[option]}</option>)
}
console.log(options.toString())
return <div>
<select onChange={this.handleSelect}>
{options}
</select>
<Content selectName={this.state.selectName}></Content>
</div>
}
}
export default Comment;
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦