Как я должен висеть на API-сетке с React Hooks

Question

ag-grid рекомендует получить указатель на api-сетку в качестве переменной в обратном вызове onGridReady, если вам это нужно.С классами React вы могли бы сделать это:

class MyGrid extends React.Component {
  ...
  onGridReady = params => {
    this.gridApi = params.api;
  }
  render() {
    // on subsequent calls still have this.gridApi...
    return <AgGridReact onGridReady={this.onGridReady} ... />;
  }
}

Каков правильный шаблон для этого с реактивными крючками?Вот мой код;

const MyGrid = props => {
  let gridApi = null;
  const onGridReady = params => {
    gridApi = params.api;
  }
  return <AgGridReact onGridReady={onGridReady} ... />;
}

Проблема заключается в том, что компонентная функция "MyGrid" будет вызываться несколько раз, и один раз после запуска функции onGridReady, сброс значения переменной до нуля, прежде чем я ее использую.

Должен ли я просто сделать переменную глобальной в области видимости выше?

let gridApi = null;
const MyGrid = props => { ... }

Или это хороший вариант использования для чего-то вроде " useMemo "?

Answer 1

Почему именно вам нужна ссылка на сетку API?Вы смотрели в этом руководстве для реакции 16+ https://www.ag -grid.com / реагировать-более-подробно / # реагировать-16 ?Использование response refs с useRef также будет хорошим вариантом.