未捕获的TypeError：无法读取null的属性“icon”

Question

我有一个用于编辑标签的表单。单击编辑图标以编辑该选项卡时，将出现一个对话框中的表单，其中输入框中包含当前数据。但是当我点击保存而没有触摸图标字段时，我收到错误未捕获的TypeError：无法读取null的属性'icon'。如果我没有触摸名称字段，只触摸图标字段并点击保存按钮然后选项卡被编辑。如何使图标字段工作也像名称字段一样工作？我的意思是，如果我只想编辑名称，我可以从名称字段编辑名称并保存而不触摸图标字段，这将保存带有编辑名称和当前图标的选项卡名称。

怎么可能？

def

Answer 1

使用null来引入组件的状态。你可以在班级的建构者中设定国家的初始价值

    class EditForm extends Component {
      constructor(props) {
       super(props)
       this.state ={}
      }
      render() {
        const { tab } = this.props;
        console.log('tab object is', this.props.tab);
        const listOfIcon = _.map(this.props.fetchIcon.icons, (singleIcon) => ({
                                  text: singleIcon.name,
                                  id: singleIcon.id,
                                  value: <MenuItem primaryText={singleIcon.name} />

                            }));..........

Answer 2

初始化＆＃39;输入框＆＃39;从后面的代码中获取空值。