/
App.js
39 lines (33 loc) · 904 Bytes
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React, { Component } from "react";
import SelectedFoods from "./SelectedFoods";
import FoodSearch from "./FoodSearch";
class App extends Component {
state = {
selectedFoods: []
};
removeFoodItem = itemIndex => {
const filteredFoods = this.state.selectedFoods.filter(
(item, idx) => itemIndex !== idx
);
this.setState({ selectedFoods: filteredFoods });
};
addFood = food => {
const newFoods = this.state.selectedFoods.concat(food);
this.setState({ selectedFoods: newFoods });
};
render() {
const { selectedFoods } = this.state;
return (
<div className="App">
<div className="ui text container">
<SelectedFoods
foods={selectedFoods}
onFoodClick={this.removeFoodItem}
/>
<FoodSearch onFoodClick={this.addFood} />
</div>
</div>
);
}
}
export default App;