Question

我有一个项目列表，单击按钮应显示有关该特定项目的更多信息。为此，我创建了一个钩子，该钩子从API获取所有项的列表，并在<ul>标记内迭代时显示该列表。（这在return标签内。）在每次迭代中，它都会显示一个名为“ Details”的按钮

<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>
    ) 
}

无法在React Hooks中显示输出

1 个答案: