Установите значение Antd TextArea для компонента Tag

Question

У меня есть форма Antj реагировать, и я хочу отобразить компонент Tag внутри TextArea, как компонент Select!

Я пытался установить значение с помощью

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

функция, но она отображает [объект объекта] [] 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.То, что вы ищете, это редактируемый контент div, который очень легко сделать:

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