This rendering code:
render() {
let list_items = [
<ListItem
key="li__0"
className="select-all"
checkbox
checked={this.state.allSelected}
onChange={this.selectAll.bind(this)}
name="select_all"
title="Select all"
></ListItem>
]
return (
<Page onPageAfterIn={this.onPageAfterIn.bind(this)}>
<Navbar inner sliding backLink="Back" title="Create & Link">
<NavRight class="right">
<Link onClick={this.save.bind(this)}><Icon material="save"></Icon></Link>
</NavRight>
</Navbar>
<PageContent>
<BlockTitle>Create activity with the matched entities attached</BlockTitle>
<List>
{list_items}
</List>
</PageContent>
</Page>
);
}
… produces the following warning:
Warning: Failed prop type: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field.
Obviously , I have onChange handler. If I don’t care about the warning, the code is working also.