checked: true throws error

[mastef]

The demo code creates this error when isChecked is set to true :

        this.state = {
          data: [
              {
                  id: 1,
                  name: 'Parent A'
              },
              {
                  id: 2,
                  isChecked: true, // <--
                  isExpanded: true,
                  name: 'Parent B'
              }
          ]
        }

React DOM error :

Warning: Failed prop type:
You provided a `checked` prop to a form field without an `onChange` handler.
This will render a read-only field. If the field should be mutable use `defaultChecked`.
Otherwise, set either `onChange` or `readOnly`.

[eulertour]

I see this error whether isChecked is true or false.

[ghost]

How can I decide this problem? :(

[sametsunman]

I got error, too

[silavsale]

I have the same error, do you have some solution?

[jarlah]

I suppose it works because it catches the actual click event. But i thought checboxes always need onChange.

                <input
                    type="checkbox"
                    name={node[keywordLabel]}
                    onClick={(e) => {
                        this.handleCheckToggle(node, e);
                    }}
                    checked={!!node.isChecked}
                    id={node.id}
                />

[jarlah]

#35

[mastef]

@azizali that doesn't really seem like an enhancement, more of a bug if the demo code produces errors. I guess what I was asking for in the first place was either a fixed demo code

[jarlah]

There is no enchancement that can be done in demo code to remove this error. Its a bug and a natural react error that stems from lack of an onChange handler when value is present.