Question

我有一个jQuery autosuggest功能，允许您搜索，选择和添加您的选择到<div id="suggested-peers" />，在那里您可以看到所有选择的选项到目前为止。

  select: function(event, ui) {
    var newMember = ReactDOM.render(<MemberThumbnail name={ui.item.value.full_name} title={ui.item.value.title} />, document.getElementById("suggested-peers") );

问题在于每次我做出新选择时，旧的选择都会被替换。我已经想到了很多方法可以做到这一点，但我很好奇React风格的最佳实现方式是什么。

Answer 1

这里没有太多信息，但基本上是这样的：

// Render method of the component that you have ReactDOM.render()ed into
// your document.
function render () {
  return (
    <div>
      {this.state.members.map(member => <MemberThumbnail
        name={member.full_name} title={member.title}
      />)}
    </div>
  );
}

// Where `this` refers to the component referenced above
select: function(event, ui) {
  this.setState({members: this.state.members.concat(ui.item)});
}

将react组件动态附加到同一<div>

1 个答案: