Estoy tratando de implementar el patrón mvvm con React. Actualmente estoy haciendo esto mediante la creación de un componente "tonto" (la vista) que depende de una función "viewModel". La función devuelve toda la lógica comercial y de estado relevante (como controladores de eventos, etc.).

Me pregunto si puedo usar este mismo método pero con una clase de reacción en lugar de una función de reacción. He agregado un contraejemplo simple tratando de implementar esta idea. Tengo acceso al estado, pero cuando hago clic en el botón de aumento de conteo, aparece un error: Advertencia: no se puede llamar a setState en un componente que aún no está montado.

https://codesandbox.io/s/purple-sound-ogerg?file=/src/App.js