Javascript 渲染在浏览器中如何反应

我有一个函数，它经历了一些承诺和设置状态，如下所示：

}).then((future_users) => {
      this.setState({future_users: future_users});
      console.log(this.state.future_users, 'tsf');
    });

这将注销一个包含3个对象的数组 在我的渲染方法的更深处，我有

<p><span id="users"></span></p>
{this.state.future_users.map(function(item){
  return (<span>{item}</span>);
})}

{this.state.future_users.map（函数（项））{
返回（{item}）；
})}

但是，我得到一个错误，说

对象作为React子对象无效

---

在哪里可以将它们转换为字符串？

您必须检查this.state.future\u用户是否有加载的数据：

{this.state.future_users && this.state.future_users.map(function(item){
  return (<span>{item}</span>);
})}

{this.state.future_users&&this.state.future_users.map（函数（项））{
返回（{item}）；
})}

如果您所说的是真的，那么对象数组就是未来的用户，那么您正在尝试执行

{object}

这项操作，但该操作不起作用，您需要将其设置为要显示的对象的任何属性。例如，如果您的用户具有

userName

属性，则可以执行以下操作：

{this.state.future_users.map（函数（项））{
返回（{item.userName}）；
})}

---

它会很好的工作。不能将对象本身放入渲染方法中

共享您的完整代码这不包括他报告的错误，该错误是

对象作为React子对象无效

如果映射中没有任何内容，则映射只会返回空数组，React不会抱怨是的，这很好。但它们都是相互连接的，而不是。123, 456, 789. 它正在做123456789。我希望它们在彼此下面。这是因为span是一个内联元素，所以使用div代替