Using Prototypes in React State

I’m trying to use prototypes to make looking up data from a deeply nested object easier. The issue is, when I use lodash’s cloneDeep function the prototype chain is broken ( I’m pretty sure ). I’m using the cloneDeep function to make sure not to mutate the state directly.

Before waisting anyone’s time with some of the code from the project, is this an okay practice? Is it correct to do something the following or should prototypes be avoided when storing objects in state?

const parent = { a: { b: { c: null }}}
const child = Object.create(parent)
parent.a.b.c = child

this.setState({ parent }) 

Thank you in advance for the help 🙂

27 thoughts on “Using Prototypes in React State”

Leave a Comment