首页 > IT职业 > IT职场 > react js学习手记:状态与属性实战
例
创建Content
import React, { Component } from 'react';
class Content extends Component {
constructor(props) {
super(props);
}
render(){
return {this.props.selectName}content
}
}
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()
}
console.log(options.toString())
return
}
}
export default Comment;
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2567/viewspace-2807508/ ,如需转载,请注明出处,否则将追究法律责任。