javascript - 如何在 json 对象中使用变量？

Question

const DenseTable=({x,y,table})=> {
 
    return(
      <><tbody>
                  {table.map((item)=>
                    <tr style={{backgroundColor:" #f3f6f9"}}>
                        <td>P{item.priority}</td>
                        <td>{item.Artificial}</td>
                        <td>{item.Natural}</td>
                    </tr>
                    )}
              </tbody> 
    </> 
    </tbody>

而不是 item.Artificial，我需要使用 item.x（x 是道具）。应该是什么语法？

标签： javascriptreactjs

Answer 1

要使用变量，您需要将该变量写在大括号内。

const DenseTable=({x,y,table})=> {

return(
  <><tbody>
              {table.map((item)=>
                <tr style={{backgroundColor:" #f3f6f9"}}>
                    <td>P{item.priority}</td>
                    <td>{item[x]}</td>
                    <td>{item.Natural}</td>
                </tr>
                )}
          </tbody> 
</> 
</tbody>