无法在React钩中显示输出

Question

我有一个项目列表，按钮单击它应显示有关该特定项目的更多信息。为此，我创建了一个挂钩，该挂钩获取来自API的所有项目的列表，并在<ul>标签中迭代时显示列表。(这是在返回标签中。(在每次迭代中，它显示一个称为"详细信息"的按钮

<button onClick ={moreInfo.bind(this, post)} >Details</button>

单击时，它将该对象的信息从列表发送到以下代码 -

const moreInfo = (index) => {
         console.log(index.name) //works
          return (  <div> 
                {index.map = ( x => (
                    <div>{x.name}</div>
                    ))} 
             </div>) //no output
       }

console.log正在显示名称，但是通过返回标签显示

Answer 1

您没有映射思考数组，您只是将map属性分配给index变量尝试这样做，这样：

const MoreInfo = (index) => {
    return (  
        <div> 
            {index.map(x => <div>{x.name}</div>)} 
        </div>
    ) 
}