Having difficulty creating a controlled component with <Input type="checkbox"/>

Description

—Having difficulty creating a controlled component with —

Other input types are able to be set as controlled component when provided the prop of value though.

Also unable to do have a controlled component with with the prop of defaultValue

Steps to Reproduce

1. Render a within a react Component

2. Force a setState change to toggle boolean value on the parent components of the <Input type="checkbox/>

3.) Repeat but with defaultValue = {this.state.checked}

Code that would not update after redux store simulated a form reset, which handled all other input 
type but the checkbox.


checked={isChecked}
          defaultValue={isChecked}
          type="checkbox"
          label={option}
          size={this.props.size || 12}
          key={index}
          onChange={e => {
            this.props.handleInput(
              this.props.property,
              this.props.type,
              option
            );
          }}

EXPECTED: controlled component with

ACTUAL: Not controlled.

"react-materialize": "2.1.2",

materialize-css: 0.98.0 **react:**16.2.0

[JacksonBates]

I think I’m hitting this issue as well.

I have an element that can be toggled on/off via the checkbox. This is recorded in state as well. This works fine.

However, there are occasions when the element is toggled via a different source, and while the state changes appropriately, and even the checked='true|false' changes in the underlying markup viewed in the dev tools, the actual checkbox on screen makes no change.

Is this the same issue, and does anyone know of a workaround?

[alextrastero]

Please try react-materialize3.x and reopen if this is still happening, thanks!