reactjs – React组件不会重新渲染,但会调用render()

2023年8月9日 386次阅读

这是我的组成部分.它是第一次呈现.随后,即使调用render,它也不会更改DOM.

Render在正确的时间被调用,因为我已经设置了redux并且我的’mapStateToProps’似乎正常工作,因为它检测到应用程序状态的变化,并调用render().

控制台日志会记录字符串已更改的事实.

您可能希望看到更多代码,但我希望我在这里错过了一个有人可以指出的基本概念.我不知道如何将我的整个项目放在这里.谢谢.再次,渲染DOES被调用,所以不应该更新DOM？

import React from 'react';
import { Component } from 'react';
import { connect } from 'react-redux';
import {bindActionCreators} from 'redux';

class TinyMCETestResultElement extends Component {
  render (){
    console.log ("this.props.form0DataToDisplay " + this.props.form0DataToDisplay)// logs a changed string, as expected
    return (
      <div>
        <div>results: {this.props.form0DataToDisplay}</div>
      </div>
    )
  }

}

function mapStateToProps(state){
  //whatever gets returned will show up as props inside of
  return{
     form0DataToDisplay: state.tinyMceTestData
   }
}

export default connect( mapStateToProps, null)(TinyMCETestResultElement )

最佳答案 渲染块中的​​Math.random()是此类组件行为的原因.

只有在状态或道具被更改的情况下,React才会重新呈现组件.代码示例中没有更新的道具/状态,因此组件只呈现一个.

您可以在商店中为随机值创建变量,并使用Math.random()将其更新为reducer.然后在你的组件中使用它作为道具,所有肯定都没问题.

点赞