scrimba
Advanced concepts
Adding state and event handlers
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Adding state and event handlers
AboutCommentsNotes
Adding state and event handlers
Expand for more info
index.js
run
preview
console
class Main extends React.Component {
render() {
return (
<div>
<Search />
<Results />
</div>
);
}
}

class Search extends React.Component {
render() {
return (
<div>
<input type="text" />
<button>Send</button>
</div>
);
}
}

class Results extends React.Component {
render() {
return (
<ul>
<ResultItem />
</ul>
);
}
}

class ResultItem extends React.Component {
render() {
return (
<li>Doctor No</li>
);
}
}


ReactDOM.render(<Main />, document.getElementById('root'));
Console
Preview
316×256 (100%)
index.html
-14:38