javascript - 将 Antd TextArea 值设置为 Tag 组件

Question

我有 reactjs Antd 表单，我想在 TextArea 中渲染 Tag 组件，类似于 Select 组件!

我尝试通过

设置值

values.description = <Tag color="magenta">magenta</Tag>
this.props.form.setFieldsValue(values);

函数，但它显示 [object Object] [ ] 2

<Form.Item label={<span>Description</span>}>
    {getFieldDecorator('description', {
                                  initialValue:''
                                   })(
   <TextArea maxLength={500} autosize={{ minRows: 4, maxRows: 4 }} 
                     placeholder={'Description'} />
                                    )}
 </Form.Item>

我希望得到与 Select 组件相同的结果 Antd Select Component关于如何做到这一点有什么想法吗？

Answer 1

这对于 TextArea 是不可能的。您正在寻找的是 content editable div，这很容易完成:

<div contenteditable="true">
  <Tag color="magenta">magenta</Tag>
</div>