大佬教程收集整理的这篇文章主要介绍了如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用功能组件,我正在从本地文件中获取 JsOS 对象,并且在组件中我将 JsON 设置为某种状态。
在那几个对象之后,我从那个 setState 中拼接(删除)了。但是再次在 onchange 函数中,我想要所有 JsON 对象,但在这里我得到更新的 Json 意味着很少被删除,有什么方法可以将所有 JsON 对象存储在某个地方?有人可以帮我吗。
const studyDetails = () => {
const [supplyPlan,setSupplyPlan] = useState([]);
const getSupplyPlanDetails = useCallBACk(
async () => {
try {
const payload = {
studyname: studyDetails?.studyname
? studyDetails?.studyname
: query.get("name"),country: [],depot: [],material: [],site: [],inTransIEntMaterial,};
const res = await getSupplyPlan(payload);
//setSupplyPlan(res);
console.log(res)
// setSupplyPlan(supplyData)
} catch (err) {
setSupplyPlan([]);
}
},// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
useEffect(() => {
getSupplyPlanDetails();
},[ getSupplyPlanDetails]);
const onChange = (E) => {deBUGger
console.log(supplyData)
}
return (
<div>
<checkBox
onChange={onChangE}
>
In Transit
</checkBox>
{supplyPlan?.map((item,indeX) => (
<Fragment key={index}>
<SupplyChain item={item} />
<divIDer classname="supply-chain-divIDer" />
</Fragment>
))}
</div>
)
}
我在供应链组件中拼接了几个对象:
const SupplyChain = ({ item }) => {
useEffect(() => {
let data = [];
if (item && item.inTransit.length != 1) {
item &&
item.inTransit &&
item.inTransit.length > 0 &&
item.inTransit.map((intrans,indeX) => {
if (
intrans.from === item.depots?.packagingDepot?.[0]?.depotname &&
intrans.to === "sites"
) {
let directPath = item.inTransit.splice(index,1);
setDirectSite(directPath);
}
setFilterjson(item.inTransit);
// eslint-disable-next-line react-hooks/exhaustive-deps
item = { ...item,filterjson: item.inTransit };
});
}
}
因此,如果再次单击 onchange 函数时,我想要所有 JsON 对象。
请有人帮助我
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?全部内容,希望文章能够帮你解决如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。