使用 componentWillRecieveProps 调用类组件的 api

用户11940251
  • 我需要通过searchbar组件将搜索值传递menubar组件以进行自定义搜索
  • 所以我从代码沙箱中取出一个现有的功能组件并转换为类组件。
  • 但我收到一个错误 App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
  • 我试图通过 componentWillRecieveProps
  • 你能告诉我怎么修吗?
  • 在下面提供我的代码片段和沙箱。

https://codesandbox.io/s/eloquent-galileo-14874

class App extends Component {
  state = {
    groupCheckBoxValues: [],
    groupRadioValue: "PRO"
  };

  componentWillReceiveProps({ search }) {
    console.log(search);
  }

  componentDidMount() {
    this.fetchdata("story");
  }

  fetchdata(type = "", search_tag = "") {
    var url = "https://hn.algolia.com/api/v1/search?tags=";
    fetch(`${url}${type}&query=${search_tag}`)
      .then(res => res.json())
      .then(data => {
        this.props.getData(data.hits);
      });
  }

  render() {
    <div> testing</div>;
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
奥里马斯达

只需将渲染函数更改为:

render() {
   return <div> testing</div>;
  }

其余的保持不变。如果您需要任何帮助或这不起作用,请大喊大叫!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用WebSocket调用API

来自分类Dev

使用Swift调用Flickr API

来自分类Dev

将Carrot2 API与Java ComponentInitializationException一起使用:无法实例化组件类

来自分类Dev

通过模拟请求使用异步api调用测试组件

来自分类Dev

从Web Job调用Web API还是使用类?

来自分类Dev

使用Web API动态调用类库

来自分类Dev

使用API调用,用户输入等构建React组件

来自分类Dev

单例类中的Swift REST API调用和协议的使用

来自分类Dev

在子组件中获取api调用后,使用React -unbale加载内容

来自分类Dev

使用ASP.NET Core定义API调用程序类

来自分类Dev

在api调用时显示组件

来自分类Dev

如何在功能组件中使用react-redux进行api调用

来自分类Dev

在基于类的组件中使用分派会给出无效的挂钩调用错误

来自分类Dev

使用React Hooks的API调用

来自分类Dev

如何使用API调用来测试组件反应?

来自分类Dev

如何在Nuxt的(子)组件上使用Axios调用API,并将结果显示在Nuxt的Page(父)组件上?

来自分类Dev

使用REACT调用NodeJS API

来自分类Dev

如何在React Native中不使用任何API调用的情况下重新渲染组件?

来自分类Dev

我的注解@Value返回null,即使它已被使用并调用到组件注释类中

来自分类Dev

使用其他类控制器中的其他类存储库是正确的方法,或者使用RestTemplate类调用api是正确的方法

来自分类Dev

将Carrot2 API与Java ComponentInitializationException一起使用:无法实例化组件类

来自分类Dev

使用swift进行API调用

来自分类Dev

使用 AngularJS 的多个 api 调用

来自分类Dev

如何使用 angular 2 在组件类上的 ngAfterViewInit() 中调用 $( document ).ready() jQuery 函数

来自分类Dev

使用 Azure 组件的定期 REST API 调用

来自分类Dev

使用改造调用同一类中的两个 API

来自分类Dev

API 调用的组件不会呈现

来自分类Dev

为什么在重新渲染页面之前调用 componentWillRecieveProps()?

来自分类Dev

使用 componentWillRecieveProps 从 App.js 接收道具

Related 相关文章

  1. 1

    使用WebSocket调用API

  2. 2

    使用Swift调用Flickr API

  3. 3

    将Carrot2 API与Java ComponentInitializationException一起使用:无法实例化组件类

  4. 4

    通过模拟请求使用异步api调用测试组件

  5. 5

    从Web Job调用Web API还是使用类?

  6. 6

    使用Web API动态调用类库

  7. 7

    使用API调用,用户输入等构建React组件

  8. 8

    单例类中的Swift REST API调用和协议的使用

  9. 9

    在子组件中获取api调用后,使用React -unbale加载内容

  10. 10

    使用ASP.NET Core定义API调用程序类

  11. 11

    在api调用时显示组件

  12. 12

    如何在功能组件中使用react-redux进行api调用

  13. 13

    在基于类的组件中使用分派会给出无效的挂钩调用错误

  14. 14

    使用React Hooks的API调用

  15. 15

    如何使用API调用来测试组件反应?

  16. 16

    如何在Nuxt的(子)组件上使用Axios调用API,并将结果显示在Nuxt的Page(父)组件上?

  17. 17

    使用REACT调用NodeJS API

  18. 18

    如何在React Native中不使用任何API调用的情况下重新渲染组件?

  19. 19

    我的注解@Value返回null,即使它已被使用并调用到组件注释类中

  20. 20

    使用其他类控制器中的其他类存储库是正确的方法,或者使用RestTemplate类调用api是正确的方法

  21. 21

    将Carrot2 API与Java ComponentInitializationException一起使用:无法实例化组件类

  22. 22

    使用swift进行API调用

  23. 23

    使用 AngularJS 的多个 api 调用

  24. 24

    如何使用 angular 2 在组件类上的 ngAfterViewInit() 中调用 $( document ).ready() jQuery 函数

  25. 25

    使用 Azure 组件的定期 REST API 调用

  26. 26

    使用改造调用同一类中的两个 API

  27. 27

    API 调用的组件不会呈现

  28. 28

    为什么在重新渲染页面之前调用 componentWillRecieveProps()?

  29. 29

    使用 componentWillRecieveProps 从 App.js 接收道具

热门标签

归档