Estoy usando react-quill , y su requisito es que los modules deben almacenarse en caché y no deben cambiar. Estoy usando el gancho useMemo para memorizarlo. El objeto es:

 const modules = useMemo(() => ({ key: { value: { handler: handlerFunc } }), [])

y se usa como:

 <Quill modules={modules} value={value} onChange={onChange} // value and onChange are props />

handleFunc en el objeto de los modules , solo la consola registra la propiedad de value . El problema es que el value no es el último, es el primer valor. Intenté lo mismo en el componente de clase y pude obtener el valor y funciona perfectamente bien, pero desafortunadamente no funciona con useMemo . Tenga en cuenta que no puedo simplemente poner [value] en el segundo argumento de useMemo ya que los modules no deben cambiarse.

Implementación del componente de clase:

 class MyComponent extends React.Component { constructor() { super() this.handlerFunc = this.handlerFunc.bind(this) this.modules = this.initModules(this.handlerFunc) } initModules(handlerFunc) { return { key: { value: { handler: handlerFunc, }, }, } } handlerFunc() { console.log(this.props.value) } }

Pero no puedo usar el componente de clase ya que es un requisito usar solo componentes funcionales. ¿Hay alguna forma de que pueda tener el value más reciente en useMemo o alguna otra solución?