React-JSON,条件

React-JSON,条件,json,reactjs,if-statement,Json,Reactjs,If Statement,我有一个JSON文件,我想知道如何将其调用到react中,然后根据JSON中的值true或false显示图像 例如,如果值为true,则显示图像;如果值为false,则隐藏图像。sample.json { "val": false } App.js import React from "react"; import jsonData from "./sample.json"; export default function Br

我有一个JSON文件,我想知道如何将其调用到react中,然后根据JSON中的值true或false显示图像

例如,如果值为true,则显示图像;如果值为false,则隐藏图像。

sample.json

{
  "val": false
}
App.js

import React from "react";
import jsonData from "./sample.json";

export default function BrowsePage() {
  return <div>{jsonData.val && <div>Hi</div>}</div>;
}
从“React”导入React;
从“/sample.json”导入jsonData;
导出默认函数BrowsePage(){
返回{jsonData.val&&Hi};
}

到目前为止,您尝试了什么?