我为什么结果传出来的是数组序号

郭小齐 React 属性和状态详解 2017年05月27日提问

  • 0 回答
  • 537 浏览
<script type="text/jsx">
                var Content = React.createClass({
                    render : function () {
                        return <p>{this.props.selectName}</p>
                    },
                });

                var Comment = React.createClass({
                    getInitialState : function () {
                         return{
                             names : ['123','321','siqi'],
                             selectName :"",
                         };
                     },
                   handleSelect: function (event) {
                       this.setState({selectName : event.target.value});
                   },
                    render: function () {
                        var options = [];
                        for (var option in this.state.names) {
                            options.push(<option value={option}>{this.state.names[option]}</option>)
                        };
                        return <div>
                            <select onChange={this.handleSelect}>
                                {options}
                            </select>
                            <Content selectName={this.state.selectName}></Content>
                            </div>
                    }
                });
                React.render(<Comment></Comment>, document.body)

        </script>