对象作为React子对象无效（找到：带keys的对象）。如果要渲染子级集合，请改用数组

Question

这是我的映射代码

{this.state.nodes.map((node, index) => {
  const showbutton = node.className === "square";
  const decisionbutton = node.className === "diamond";
  return (
    <div
      key={index}
      className={"node " + node.className}
      id={node.id}
      ref={nodes => (this.refs.nodes[index] = nodes)}
      style={node.style}
      onClick={this.activeElem}
    >
      <li key={index}>{node.text}</li>
      {showbutton ? (
        <div
          className="add-btn"
          onClick={event => this.editProcess(event, node, index)}
        >
          +
        </div>
      ) : (
        <p />
      )}

      {decisionbutton ? (
        <div
          className="add-btn"
          onClick={event => this.editProcess(event, node, index)}
        >
          +
        </div>
      ) : (
        <p />
      )}
      <div
        className="delete-btn"
        onClick={event => this.deleteNode(event, node)}
      >
        X
      </div>
    </div>
  );
})}

这是我在控制台中得到的输出：

https://gyazo.com/ed186244e0049b42c4bd751e02c9fc73

基本上我想呈现这样的文本：

  

从文本节点状态内的节点状态文本数组映射的节点   和内部文本数组

node>>>text[]>>text[]

我要访问最后一个文本。
请检查我的屏幕截图，以更好地了解我面临的问题。 在此先感谢兄弟！