An Object's onChange function does not get called when a property is set from another object's setter function

Question

An Object's onChange function does not get called when a property is set from another object's setter function

ChuckFields opened this issue 3 years ago · 3 comments

I have a parent and child object that are setup to be watched separately. In the parent object, I have a getter and setter to expose access to a property on the child. I've noticed that the onChange function does not get called for the child object when calling the setter on the parent object. I've set up a basic example to reproduce this problem here.

Answer 1 · 2022-04-06T04:18:10.000Z

Can you provide a code sample?

Answer 2 · 2022-04-06T13:25:31.000Z

Sure thing: https://codesandbox.io/s/jovial-euclid-id6sf?file=/src/index.js

Answer 3 · 2022-04-07T03:29:59.000Z

The child object is not proxied. Change obj.child = child; to obj.child = watchedChild; and move it after you create watchedChild.