Javascript var errorDiv='#'+索引； $（errorDiv）.之后（“”+value+“”）； }); } }) }否则{ this.validator.showMessages（）； 这个.forceUpdate（）； 后减震器（“s_reg_submit”，“减震器”） } } render（）{ 常数{ 名字， 姓， 流动电话号码， 电子邮件， 密码， 城市标识， 首选项列表， 中等， 你在找什么， 使附属 伊斯洛金 }=本州； //获取教育级别中的项目 让looking_for=jsonData.looking_for； var looking_fors=[] for（设i=0；i {this.validator.message（'firstname'，firstname'，required | alpha'）} 姓* this.change（e）}type=“text” 占位符=“输入姓氏”/> {this.validator.message（'lastname'，lastname'，required | alpha'）} 手机号码* 这个。更改（e）} type=“text”placeholder='Enter mobile\u no'/> {this.validator.message（'mobile no.，mobile|u no'，必填| phone | min:10 | max:10'）） 电子邮件* 这个。更改（e）} type=“text”占位符=“输入电子邮件”/> {this.validator.message（'email'，email，'required | email'）） 密码* this.change（e）}type=“password” 占位符=“输入密码”/> {this.validator.message（'password'，password'，required | min:6'）} 城市* {this.validator.message（'city'，city_id'，required | gt:0'）） 偏好* {this.validator.message（'preference'，preference_list'，required | max:3'，false，{max:'Maximum 3 preferences allowed'}）} 你是怎么找到我们的* {this.validator.message（'medium'，medium'，required'）} 你在找什么* {this.validator.message（'''is_looking_'u'required'in:'+looking_fors）} 附属代码 这个。更改（e）} type=“text”占位符=“输入首选项列表”/> 提交 {/*曼努埃尔寄存器段结尾*/} ) } } } 导出默认注册表日期；

我的下拉组件代码

import React, {Component} from 'react';
import DropDownMenu from 'material-ui/DropDownMenu';
import MenuItem from 'material-ui/MenuItem';

const styles = {
    customWidth: {
        width: 200,
    },
};

class DropDownMenuSimpleExample extends Component {

    constructor(props) {
        super(props);
        this.state = {value: 1, items: ['abcd', 'efgh']};
    }

    handleChange(event, index, value) {
        return this.setState({value})
    }

    render() {
        let propItems = this.props.items
        return (
            <DropDownMenu
                value={this.state.value}
                onChange={this.handleChange.bind(this)}
                style={styles.customWidth}
                autoWidth={false}
            >
                {(propItems !== null || propItems != 'undefined' ) ? (propItems).map((item, index) => <MenuItem key={index} value={1}
                                                                                   primaryText="Custom height"/>) : (this.state.items).map((item, index) =>
                    <MenuItem key={index} value={1} primaryText="Custom width"/>)}
            </DropDownMenu>
        );
    }
}

export default DropDownMenuSimpleExample

import React，{Component}来自'React'；
从“物料界面/下拉菜单”导入下拉菜单；
从“物料界面/菜单项”导入菜单项；
常量样式={
自定义宽度：{
宽度：200，
import React, {Component} from 'react';
import DropDownMenu from 'material-ui/DropDownMenu';
import MenuItem from 'material-ui/MenuItem';

const styles = {
    customWidth: {
        width: 200,
    },
};

class DropDownMenuSimpleExample extends Component {

    constructor(props) {
        super(props);
        this.state = {value: 1, items: ['abcd', 'efgh']};
    }

    handleChange(event, index, value) {
        return this.setState({value})
    }

    render() {
        let propItems = this.props.items
        return (
            <DropDownMenu
                value={this.state.value}
                onChange={this.handleChange.bind(this)}
                style={styles.customWidth}
                autoWidth={false}
            >
                {(propItems !== null || propItems != 'undefined' ) ? (propItems).map((item, index) => <MenuItem key={index} value={1}
                                                                                   primaryText="Custom height"/>) : (this.state.items).map((item, index) =>
                    <MenuItem key={index} value={1} primaryText="Custom width"/>)}
            </DropDownMenu>
        );
    }
}

export default DropDownMenuSimpleExample