更改另一个组件时反应重新渲染组件

屋大维

我有两个React源文件,ABA,在其render方法中,调用B如下:

{this.state.classificationSelected
      ?
      <div>
      <B classification={this.props.categories[this.state.categoryIndex].classes[this.state.classificationIndex]} ref="B"/>
      </div>
      :
      null
    }

因此B,如果被渲染Classification的成分A被选中。

在中B,我有以下方法,该方法根据A来计算一些值Classification

getSingleChoiceAttributes: function() {
    var singleChoiceAttributes = [];
    for(let attribute of this.props.classification.attributes){
        if(attribute.attributeType == 'SingleChoice') {
            singleChoiceAttributes.push(attribute);
        }
    }
    return singleChoiceAttributes;
},

目前,我正在从B的ComponentWillMount方法中调用此方法。

我希望每次A更改分类时都执行此方法但是,目前仅在A首次选择分类时才调用它

我怎样才能让getSingleChoiceAttributes每一次方法改变AClassification(表示为this.state.classificationIndex)被改变?

Kyeotic

使用componentWillReceiveProps

void componentWillReceiveProps(
  object nextProps
)

当组件正在接收新道具时调用。初始渲染不调用此方法。

以此为契机,通过使用this.setState()更新状态来调用render()之前对prop过渡做出反应。可以通过this.props访问旧的道具。在此函数中调用this.setState()不会触发其他渲染。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

反应性流星模板和Deps依赖性-当另一个更改或重新渲染时更新模板

来自分类Dev

动态将反应组件插入另一个反应组件

来自分类Dev

在React中渲染另一个组件

来自分类Dev

如何从一个组件调用另一个组件的函数?反应

来自分类Dev

从另一个组件重新渲染组件的一部分

来自分类Dev

从另一个组件反应JS渲染组件

来自分类Dev

单击另一个组件时如何渲染组件?反应

来自分类Dev

在ReactJS中,如何在另一个组件中渲染一个组件?

来自分类Dev

React钩子形式useEffect不会通过调用另一个组件来重新渲染功能组件

来自分类Dev

(反应)单击提交按钮时如何获取另一个组件的状态?

来自分类Dev

渲染在另一个组件的render函数中声明的组件时,不包括REACT 17中componentDidMount方法中的更改

来自分类Dev

如何在单击一次按钮时渲染另一个React组件?(功能组件)

来自分类Dev

在另一个组件内调用一个组件(反应)

来自分类Dev

更改另一个组件/反应图标中的一个组件

来自分类Dev

如何使剃刀组件从另一个剃刀组件重新渲染

来自分类Dev

反应性流星模板和Deps依赖性-在另一个更改或重新渲染时更新模板

来自分类Dev

在反应中如何调用另一个组件中的一个组件?

来自分类Dev

反应中另一个组件的setStatus

来自分类Dev

当渲染返回另一个组件时,React不调用componentWillMount

来自分类Dev

将一个组件渲染到另一个组件

来自分类Dev

React:在容器内如何将组件渲染到另一个组件而不重新渲染其他组件?

来自分类Dev

在 React 中的另一个组件中动态渲染一个组件

来自分类Dev

反应本机在主中渲染另一个组件

来自分类Dev

从另一个组件 Ember 重新渲染一个组件

来自分类Dev

如何强制从另一个组件重新渲染一个 Vue 组件

来自分类Dev

如何从另一个组件重新加载数据?

来自分类Dev

如何在另一个组件的函数内渲染反应组件?

来自分类Dev

在 reactjs 的另一个组件中渲染状态

来自分类Dev

无法从另一个组件导入反应组件

Related 相关文章

  1. 1

    反应性流星模板和Deps依赖性-当另一个更改或重新渲染时更新模板

  2. 2

    动态将反应组件插入另一个反应组件

  3. 3

    在React中渲染另一个组件

  4. 4

    如何从一个组件调用另一个组件的函数?反应

  5. 5

    从另一个组件重新渲染组件的一部分

  6. 6

    从另一个组件反应JS渲染组件

  7. 7

    单击另一个组件时如何渲染组件?反应

  8. 8

    在ReactJS中,如何在另一个组件中渲染一个组件?

  9. 9

    React钩子形式useEffect不会通过调用另一个组件来重新渲染功能组件

  10. 10

    (反应)单击提交按钮时如何获取另一个组件的状态?

  11. 11

    渲染在另一个组件的render函数中声明的组件时,不包括REACT 17中componentDidMount方法中的更改

  12. 12

    如何在单击一次按钮时渲染另一个React组件?(功能组件)

  13. 13

    在另一个组件内调用一个组件(反应)

  14. 14

    更改另一个组件/反应图标中的一个组件

  15. 15

    如何使剃刀组件从另一个剃刀组件重新渲染

  16. 16

    反应性流星模板和Deps依赖性-在另一个更改或重新渲染时更新模板

  17. 17

    在反应中如何调用另一个组件中的一个组件?

  18. 18

    反应中另一个组件的setStatus

  19. 19

    当渲染返回另一个组件时,React不调用componentWillMount

  20. 20

    将一个组件渲染到另一个组件

  21. 21

    React:在容器内如何将组件渲染到另一个组件而不重新渲染其他组件?

  22. 22

    在 React 中的另一个组件中动态渲染一个组件

  23. 23

    反应本机在主中渲染另一个组件

  24. 24

    从另一个组件 Ember 重新渲染一个组件

  25. 25

    如何强制从另一个组件重新渲染一个 Vue 组件

  26. 26

    如何从另一个组件重新加载数据?

  27. 27

    如何在另一个组件的函数内渲染反应组件?

  28. 28

    在 reactjs 的另一个组件中渲染状态

  29. 29

    无法从另一个组件导入反应组件

热门标签

归档