Javascript 将表情对象显示到React中的文本字段或文本区域

我正在用lib构建我的应用程序

我有这样的文本输入：

<FormGroup>
  {emoji}

  <EmojiMartPicker
    set='emojione'
    onSelect={(emoji) => console.log(emoji)}
    onChange={this.onChange}
  >
    <Input
      type="text"
      name="emotion"
      bsSize="sm"
      autoComplete="off"
      value={report.emotion.colons}
      onChange={this.onHandleFormChange}
      required
    />
  </EmojiMartPicker>
</FormGroup>

{emoji}
console.log（emoji）}
onChange={this.onChange}
>

现在，我想显示表情对象到文本输入。在

值中

属性。我想显示表情符号，而不是值文本

我们怎么能做到呢

请参阅我的详细问题：

---

对不起，我发现只需添加

本机

道具就可以解决我的问题

像这样：

value={report.emotion.native}

---

就是这样。

我解决了这个问题，看一看

<div className="chatemoji">
          <ButtonToolbar >
            <div onClick={e => e.preventDefault()}>
              {/* <EmojiField
                name="textarea"
                 onChange={this.onChange.bind(this)}
                fieldType="input"
              /> */}

               <EmojiField name="my-textarea" onChange={this.onChange.bind(this)} fieldType="input" />

            </div>
          </ButtonToolbar>
          </div>

onChange(e,value) { 
    this.state.data += value;
    this.setState({ data: this.state.data });
   }