React创建自己的元素用于导出和导入它不起作用

时间:2017-09-27 11:10:56

标签: javascript reactjs es6-class

我创建了一个面具,并且在这里有一些不同的字段类型,所以我认为我最好创建一个元素,然后在应用程序中使用它,所以我尝试使用导出和导入,但我没有成功,我希望。

我的计划是给一个带有字段的数组和一个带有选定字段的数组到我的组件(这有效,我在状态中看到它)并获得元素

目前我的组件返回一个数组,但我想要通过render

来处理的html元素
public class ContractJsonDeSerializer implements JsonDeserializer<Date> {

    public ContractJsonDeSerializer() {
        //Constructor
    }

    @Override
    public Date deserialize(JsonElement json, Type typeOfT, JsonDeserializationContext context) throws JsonParseException {
        try {
            String dateString = json.getAsJsonPrimitive().getAsString();
            if(android.text.TextUtils.isEmpty(dateString)) {
                return null;
            }
            return new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'").parse(dateString);
        } catch (ParseException e) {
            return new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss").parse(dateString);
        }
    }
}

我想在

中导入它
    import React, { Component } from 'react'
import ReactDOM from 'react-dom';
class Selbox extends Component {

     constructor(props) {
    super(props);
       this.state = {
        fields : JSON.parse(props.fields),
        selectedval : JSON.parse(props.sel)
        };          
   }
  render() {
     const select_box = this.state.fields.map((ck, index) =><div key={ck.id} className="checkbox"><label><input type="checkbox"   checked={this.state.selectedval.indexOf(ck.id) != -1 ? true: false} value={ck.id}/>{ck.name}</label></div>);          
    return ({select_box})
  }
}


export default selbox

0 个答案:

没有答案