setState not re rendering in version ^1.0.0

Hi @AllenFang

I have a function which simply sets the state of a variable, based on the row index. Version 1.0.0 works perfectly with the code. But when I installed the new version ^1.0.0, it somehow stops rendering. It sets the state of the variable, but doesn’t re render. I will provide some code snippets to back this issue.

Note : Basically the column formatter method is not getting called. (No error in console)

Thanks The div that has a onClick handler:

       <div
        role="button"
        tabIndex="0"
        onKeyDown={() => this.handleSettings(rowIndex)}
        className={gearIconWrapper ${showGearOptions}}
        onClick={() => this.handleSettings(rowIndex)}
      >

The function that’s setting the state, but not re rendering :

this.handleSettings = this.handleSettings.bind(this); handleSettings(rowIndex) { this.setState({ activeIndex: rowIndex, }); }

[waynebrantley]

@AllenFang Thanks!

[waynebrantley]

@AllenFang thanks for fixing. Of note - if there are several dummy or calculated columns, we have to make up ‘fake field names’ as you require the field names to be unique. So only one “” column is allowed.

Additionally, you could add an optional ‘shouldCellUpdate’ for a column - you could pass current and next row into it…we could return true/false based on whatever logic - thereby optimizing the rendering.