AG Grid中如何动态更新overlayNoRowsTemplate？

Question

在 AG Grid 中，我可以为无行覆盖指定自定义模板：

<AgGridReact 
    ...
    overlayNoRowsTemplate={'My funky message about no rows'}
/>

但我想动态更改它，尤其是在发生错误时。例如：

• 无法连接到服务器。
• 由于错误 xyz，没有可显示的行。

是否可以动态更改 overlayNoRowsTemplate？

Answer 1

将状态变量传递给模板：

const [message, setMessage] = useState('My funky message about no rows');

 <AgGridReact
    // ...
    overlayNoRowsTemplate={message}
  >
</AgGridReact>

根据按钮点击更改它：

const onBtShowLoading = useCallback(() => {
  setMessage('unable to connect to server')
}, [])

查看 following plunkr 中的实现。