Question

我正在使用map渲染对象中的值，但我仅获得第一个对象值。以下是我的地图代码

            {appliedjobs.map((job,index) => {
                 return <ul>
                        <li>{job.jobid}</li>
                        <li>{job.candidatephoneno}</li>
                    </ul>
            })}

下面是控制台输出

appliedjob: Array(3)
0: {candidatephoneno: "9876543210", jobid: "SVkbFhb30U8Rqx4hNEcx"}
1: {candidatephoneno: "1111111111", jobid: "dj7Q77DHzjSbd7AW89Hq"}
2: {candidatephoneno: "9176837787", jobid: "xtzIqohdx6hekXCiQfhO"}

Answer 1

肯定需要更多的代码上下文来说明，但是您在代码中引用了Appliedjobs，在控制台中引用了AppliedJob。您可能还需要将返回值包装在（）

中

Answer 2

使用函数呈现ul组件或直接返回元素。

render () {
  // [...]

  return (
    {appliedjobs.map((job, index) =>
      <ul key={index.toString()}>
        <li>{job.jobid}</li>
        <li>{job.candidatephoneno}</li>
      </ul>
    }
  )
}

请参阅：https://reactjs.org/docs/lists-and-keys.html

反应图未渲染所有对象

2 个答案: