Murli

by Pritesh Patel

HTML

<!--
Build below mockup using reactJS

Mockup:
https://imgur.com/a/2DnizF2

1. When you check 'Select All', all options should be checked.
2. When you uncheck 'Select All', all options should be unchecked.
3. let say 2 options are selected manually, 'Select All' should be unchecked. When you click 'Clear All' button, those 2 options should be unchecked.
4. When everything is selected, on click of 'Clear ALl', all options should be unchecked.
5. When all options are checked and if you uncheck one item, then 'Select All' should be unchecked.

Please make the component fully functional. The content can be static in the HTML.
-->

<div id="app"></div>

React

class TodoApp extends React.Component {

  
  render() {
    return (
      <div>
        Hello World!!!!
      </div>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"));