程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象??

开发过程中遇到如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何从 React 功能组件中的本地 JSON 文件获取所有 JSON 对象?的解决方法建议,希望对你解决如何从 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,请注明来意。