Use Component State Initializers

Hi, Can you elaborate about the case where Toggle is re-rendered with a different value for initialOn?

Erez erezm@wix.com

If it's re-rendered with a different value for initialOn then I would consider that to be a mistake on the user's part. If they want to actually change the value that the component gets reset to they can either use a key prop to force react to unmount and remount a new instance, or they can use control props.

if multiple buttons with combine behaviors, how will you manage it? For example onoff button plus reset state button?

I got it; I can use switch statement at getTogglerProps and use id;

Hi, I am confused why you are not using the constructor(props) method to set the initial state. Is this a style preference or is there a benefit to setting it the way you have in this example?

We're using public class fields. Learn more about them here: https://egghead.io/lessons/react-use-class-components-with-react and here: https://egghead.io/lessons/javascript-public-class-fields-with-react-components

Ann, if you use babel transpiler, at your project root .babelrc file, you can set plugins :["transform-class-properties"]