可能基于id查找对象,然后将其呈现在react组件中

贾克斯

我想找到一个基于它的对象,id然后将渲染到组件中。

getInitialState() {
  return { item: [] }
 },

componentDidMount() {
  this.setState({item: this.props.items.filter(item => (item.id == this.props.match.params.id))})
}
componentDidUpdate() {
  console.log(this.state.item) // result is empty array
}

如果我不想setStaterender方法中使用并找到对象,那么我将得到:

render() {
  var item = this.props.items.find(item => (item.id == this.props.match.params.id))
  console.log(item) // First it is undefined then it will be found
  var title = item.title
  return (
    <div>
      {title}
    </div>

如何找到基于对象的对象,params.id然后在组件内部进行渲染?

达瓦尔·贾多什(Dhaval Jardosh)
render() {
  var item = this.props.items.find(item => (item.id == this.props.match.params.id))


  //This is what you should do to show that it's loading.
  if(!item || !item.id){
    return <div>Loading</div>
  }


  console.log(item) // First it is undefined then it will be found
  var title = item.title
  return (
    <div>
      {title}
    </div>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何通过vue-router参数中的id查找对象,然后将其属性传递给vue中的模板

来自分类Dev

如何在可能具有可变结构的JavaScript对象中通过ID查找对象?

来自分类Dev

Javascript:遍历对象数组以查找键值对并将其呈现在表td中

来自分类Dev

在数组中查找对象,然后对其进行编辑

来自分类Dev

如何通过对象数组中的id查找对象?

来自分类Dev

如何通过对象数组中的id查找对象?

来自分类Dev

如何连接相关对象并将其呈现在模板中?

来自分类Dev

在Firebase中通过其唯一ID查找对象

来自分类Dev

在数组Ramda中按ID查找对象

来自分类Dev

在Rails 4 App中按ID查找对象

来自分类Dev

通过知道他的ID在JSON中查找对象

来自分类Dev

在数组数组中按 id 查找对象的索引

来自分类Dev

在列表中查找对象

来自分类Dev

在列表中查找对象

来自分类Dev

循环遍历对象,然后将值传递给 axios 函数,在 react 组件中呈现结果

来自分类Dev

如何遍历api中的对象列表并将其呈现到jsx页面React功能组件

来自分类Dev

Javascript:在树中深层查找对象,然后通过树返回对象及其路径

来自分类Dev

使用Array.find()基于键在对象数组中查找对象

来自分类Dev

如何在ArrayList中基于某个属性查找对象并编辑该对象

来自分类Dev

在复杂对象中查找对象

来自分类Dev

使用ID和ActivatedRoute查找对象

来自分类Dev

JavaScript-通过类似的属性查找对象并将其推送到新数组中

来自分类Dev

在索引处查找对象值,并使用swift将其存储在其他数组中

来自分类Dev

JavaScript-通过类似的属性查找对象并将其推送到新数组中

来自分类Dev

在对象ID数组中查找对象ID使用Mongoose返回空数组

来自分类Dev

覆盖基于通用类的如何从URL参数中查找对象

来自分类Dev

从Java中的嵌套对象列表中按ID查找对象

来自分类Dev

如何使用jquery .grep()查找对象然后更新它?

来自分类Dev

在iOS中从x,y查找对象

Related 相关文章

  1. 1

    如何通过vue-router参数中的id查找对象,然后将其属性传递给vue中的模板

  2. 2

    如何在可能具有可变结构的JavaScript对象中通过ID查找对象?

  3. 3

    Javascript:遍历对象数组以查找键值对并将其呈现在表td中

  4. 4

    在数组中查找对象,然后对其进行编辑

  5. 5

    如何通过对象数组中的id查找对象?

  6. 6

    如何通过对象数组中的id查找对象?

  7. 7

    如何连接相关对象并将其呈现在模板中?

  8. 8

    在Firebase中通过其唯一ID查找对象

  9. 9

    在数组Ramda中按ID查找对象

  10. 10

    在Rails 4 App中按ID查找对象

  11. 11

    通过知道他的ID在JSON中查找对象

  12. 12

    在数组数组中按 id 查找对象的索引

  13. 13

    在列表中查找对象

  14. 14

    在列表中查找对象

  15. 15

    循环遍历对象,然后将值传递给 axios 函数,在 react 组件中呈现结果

  16. 16

    如何遍历api中的对象列表并将其呈现到jsx页面React功能组件

  17. 17

    Javascript:在树中深层查找对象,然后通过树返回对象及其路径

  18. 18

    使用Array.find()基于键在对象数组中查找对象

  19. 19

    如何在ArrayList中基于某个属性查找对象并编辑该对象

  20. 20

    在复杂对象中查找对象

  21. 21

    使用ID和ActivatedRoute查找对象

  22. 22

    JavaScript-通过类似的属性查找对象并将其推送到新数组中

  23. 23

    在索引处查找对象值,并使用swift将其存储在其他数组中

  24. 24

    JavaScript-通过类似的属性查找对象并将其推送到新数组中

  25. 25

    在对象ID数组中查找对象ID使用Mongoose返回空数组

  26. 26

    覆盖基于通用类的如何从URL参数中查找对象

  27. 27

    从Java中的嵌套对象列表中按ID查找对象

  28. 28

    如何使用jquery .grep()查找对象然后更新它?

  29. 29

    在iOS中从x,y查找对象

热门标签

归档