个人中心
gpt4 book ai didi

javascript - 使用 fetch 响应加载页面

转载 作者：行者123 更新时间：2023-12-01 00:44:31 25 4
gpt4 key购买 nike

我试图在 div 内显示我的 url/PaisForm 的内容，但不起作用。我的代码是这样的:

componentDidMount(){
    fetch('/PaisForm')
    .then(function(response) {
        return response.text();
    })
    .then(function(body) {
        document.querySelector('.Pais').innerHTML = body;
    });
}

这是我的 div:

render() {
     return(

       <div className= "Pais">
       </div>
      );
    }
}

当我在函数(主体)中使用 console.log 时，我可以读到:

You need to enable JavaScript to run this app.

  You can add webfonts, meta tags, or analytics to this file.
  The build step will place the bundled scripts into the <body> tag.

  To begin the development, run `npm start` or `yarn start`.
  To create a production bundle, use `npm run build` or `yarn build`.

感谢您的帮助，我不知道我是否使用了错误的获取。

最佳答案

在你的react组件中包含另一个组件的方法是这样的

组件的前 n 个顶部

import PaisForm from './PaisForm' //path to file

然后在组件中

// your code
<div>
    // use your component
    <PaisForm />
</div>

还要确保您的 PaisForm 组件中有

export default PaisForm

希望这有帮助。

关于javascript - 使用 fetch 响应加载页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57499931/

25 4 0
文章推荐： javascript - 数组作为类 javascript 中的数据成员
文章推荐： python - 尝试将单词与 pandas DataFrame 列分开
文章推荐： perl - 如何确定在 Moose 构造函数中调用它的上下文？
文章推荐： python - 类中的 Catch-all 方法，将所有未知函数传递给类中的实例
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com