1. Escribí una demostración simple para demostrar este problema.

https://codesandbox.io/s/wizardly-nightingale-449cko

2. Los pasos de la operación para producir el problema.

• haga clic en la segunda división

• haga clic en la tercera división

la consola no sale como se esperaba:

 render ts: 1646305500814 onclick ts: 0

El proceso de procesamiento ya se ha realizado, pero la función onClick en "App.js" aún obtiene el valor anterior. ¿Por qué sucede?

3. Como comparación, hago otra prueba.

• haga clic en la segunda división

• haga clic en el 1er div

salida de la consola como se esperaba:

 render ts: 1646305752895 onclick ts: 1646305752895

4. Además, en la línea 26 del archivo de código "VirtualList.js", modifico el valor de los props rowRenderer de "this.cellRenderer" a "renderItem",

la consola también da como resultado lo esperado:

 render ts: 1646306154833 onclick ts: 1646306154833

En teoría, el efecto de la función "this.cellRenderer" y "renderItem" debería ser el mismo;