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({this.state.names[option]})
 }
 console.log(options.toString())
 return 
     
  {options}
     
     
 
    }
}

export default Comment;