how to use a variable inside json object? [duplicate]

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>

instead of item.Artificial, I need to use item.x (x being the prop). what should be the syntax?

Could you show the structure of your JSON object?

Sa1m0n
– Sa1m0n

2020-09-20 12:35:19 +00:00
Commented Sep 20, 2020 at 12:35 — Sa1m0n
– Sa1m0n, Commented Sep 20, 2020 at 12:35
You can access like item[x]

Nithish
– Nithish

2020-09-20 12:36:20 +00:00
Commented Sep 20, 2020 at 12:36 — Nithish
– Nithish, Commented Sep 20, 2020 at 12:36

devd · Accepted Answer · 2020-09-20 12:36:14Z

0

To use a variable you need to write that variable inside big bracket.

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>

answered Sep 20, 2020 at 12:36

devd

7034 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to use a variable inside json object? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related