react显示/隐藏

Question

新增顶级的时候没有上级菜单ID，让它隐藏
此处我用的是一个modal框

<Button icon="plus" type="primary" onClick={() => this.handleModalVisibleAdd(record)}>
  新增顶级
</Button>

<Form>
  {/* {this.props.data.PARENT_ID ? (
    <FormItem
      {...formItemLayout}
      label="上级菜单ID"
    >
      {getFieldDecorator('PARENT_ID', {
        initialValue: this.props.data.ID,
        rules: [{
          // required: true, message: '请输入菜单名称',
        }],
      })(
        <Input disabled />
      )}
    </FormItem>
  ) : null
  } */}

......

 </Form>

贴了部分代码，实现有些问题
请问该怎么弄

Answer 1

单击按钮的时候设置一个state值标识。
在Modal中通过这个标识来判断。通过三目运算符或者 && 都可以实现。

Answer 2

<Form>
          {this.props.data.PARENT_ID && (
            <FormItem {...formItemLayout} label="上级菜单ID">
              {getFieldDecorator('PARENT_ID', {
                initialValue: this.props.data.ID, rules: [{}],
              })(
                <Input disabled/>
              )}
            </FormItem>
          )}
        </Form>

是这个意思么？ 想用 this.props.data.PARENT_ID控制你的input ？