让数组显示在 jsx 中答案

【问题标题】：let an array show up in jsx让数组显示在 jsx 中
【发布时间】：2022-11-24 19:33:20
【问题描述】：

如何让可变数量的数组显示出来？我应该在网页上给出一个包含数组所有元素的列表。

我试过这个：

cons function = () =>{for (let i = 0; i < array.length; i++) {
    <li>
        <p>{array[i]}</p>
    </li>
 }}

并这样称呼它：

const page = () => {
    return ( 
         <div>
            <ul>
                <Classes/>
            </ul>
        </div>
     );
}

【问题讨论】：

这回答了你的问题了吗？ Loop inside React JSX

标签： reactjs jsx

【解决方案1】：

你可以这样做

常量数组 = [1,2,3]

  <ul>
    {array.map(item => {
      return <li key={item}>{item}</li>;
    })}
  </ul>

【讨论】：

【解决方案2】：

const page = () => {
    return ( 
         <div>
            <ul>
               {array.map((item)=>{
                 return (
                  <li>{item}</li>
                 )
               })}
            </ul>
        </div>
     );
}

您可以使用它在 jsx 中显示数组项

【讨论】：