bendtherules/react-hooks-with-class
1
0
Fork 0
mirror of https://github.com/bendtherules/react-hooks-with-class.git synced 2026-08-18 13:53:06 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Call getTodos only once in render

Browse Source
This commit is contained in:
Abhas
2019-01-03 16:44:56 +05:30
parent 300e8a20e1
commit dca444208d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App2.js
+4 -2
View File
@@ -46,13 +46,15 @@ export default class App extends Component {
} }
render() { render() {
const todos = this.getTodos();
return ( return (
<div className="App" > <div className="App" >
<Form <Form
onSubmit={text => this.setTodos([{ text, complete: false }, ...this.getTodos()])} onSubmit={text => this.setTodos([{ text, complete: false }, ...todos])}
/> />
<div> <div>
{this.getTodos().map(({ text, complete }, i) => ( {todos.map(({ text, complete }, i) => (
<div <div
key={text} key={text}
onClick={() => this.toggleComplete(i)} onClick={() => this.toggleComplete(i)}