Right way to forceUpdate on Cell?

[dkwin]

Hi guys

I was curious as to the right way to forceUpdate on a Cell?

The way I've found out so far is to add a callback to ReactDataGrid.Row's cellRenderer

IE

<ReactDataGrid
    rowFormatter={CustomRowFormatter}
    ...
/>


  CustomRowFormatter extends React.Component {

 handleCellRenderer (publicProps, publicContext, queue) {
       return <ReactDataGrid.Cell {...publicProps} forceUpdate={true}/>
 }

  render (){
         return <ReactDataGrid.Row {...this.props} forceUpdate={true} cellRenderer=         {this.handleCellRender.bind(this)}/>;
  }

}

However, I keep seeing errors in regards to refs to the Cells

warning.js:36 Warning: Stateless function components cannot be given refs (See ref "foo" in bound handleCellRender created by Row). Attempts to access this ref will fail.

Is there a better way to forceUpdate on a cell?

[malonecj]

Best way is to create a custom cell renderer class, which you then pass as prop in your custom row renderer

class CustomCellRenderer extends  React.Component {
   render() {
     return <ReactDataGrid.Cell {...publicProps} forceUpdate={true}/>
   }

CustomRowFormatter extends React.Component {

  render (){
         return <ReactDataGrid.Row {...this.props} forceUpdate={true} cellRenderer=         {CustomCellRenderer}/>;
  }

[dkwin]

@malonecj

Thanks for the info,

one other question,

Is there a way to pass an object/property/whatever from ReactDataGrid to Row or Cell?

For example

    <ReactDataGrid
         propertyToPassToCellAndRow={someProperty}
    />

CustomRowFormatter extends React.Component {

  render (){
         let usefulPropertyFromGrid =  this.props.propertyToPassToCellAndRow;

         //do something with usefulPropertyFromGrid 
         return <ReactDataGrid.Row {...this.props} />;
  }

I guess I can modify the rows object and insert something into each row object but it seems like it would be fairly hacky to do so.

[dkwin]

Also,

class CustomCellRenderer extends  React.Component {
   render() {
     return <ReactDataGrid.Cell {...publicProps} forceUpdate={true}/>
   }

needs to have setScrollLeft defined if using the freezing columns functionality, I get an error thrown that setScrollLeft is not defined when trying to define my own CellRenderer in the Row object.

[diogofcunha]

Let's keep this kind of questions to Stack Overflow like it is requested in here