Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在json对象中使用变量? const DenseTable=({x,y,table})=>{ 返回( {table.map((项目)=> P{item.priority} {item.Artificial} {item.Natural} )}_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在json对象中使用变量? const DenseTable=({x,y,table})=>{ 返回( {table.map((项目)=> P{item.priority} {item.Artificial} {item.Natural} )}

Javascript 如何在json对象中使用变量? const DenseTable=({x,y,table})=>{ 返回( {table.map((项目)=> P{item.priority} {item.Artificial} {item.Natural} )},javascript,reactjs,Javascript,Reactjs,代替item.Artificial,我需要使用item.x(x是道具)。语法应该是什么?要使用变量,需要将该变量写在大括号内 const DenseTable=({x,y,table})=> { return( <><tbody> {table.map((item)=> <tr style={{backgroundColor:" #f3f6f9&

代替item.Artificial,我需要使用item.x(x是道具)。语法应该是什么?

要使用变量,需要将该变量写在大括号内

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>
const DenseTable=({x,y,table})=>{
返回(
{table.map((项目)=>
P{item.priority}
{item[x]}
{item.Natural}
)}

您可以显示JSON对象的结构吗?您可以像
项[x]一样访问它。
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>