Metelev: HT6 #78
Metelev: HT6 #78
Conversation
| @@ -10,7 +10,7 @@ export default class App extends PureComponent { | |||
| <div> | |||
| <Header /> | |||
| <Switch> | |||
| <Route path="/" exact component={() => <h2>Home page</h2>} /> | |||
| <Route path="/" exact component={Restaurants} /> | |||
There was a problem hiding this comment.
тут должен быть Redirect, а не Route
| @@ -23,6 +24,11 @@ export default (state = initialState, action) => | |||
| draft.loaded[restId] = true; | |||
| draft.error = null; | |||
| Object.assign(draft.entities, arrToMap(data)); | |||
|
|
|||
| data.forEach((product) => { | |||
There was a problem hiding this comment.
Из данных, которые у нас лежат в редьюсере ресторанов мы можем однозначно сказать какой продукт из какого ресторана. Теперь эта информация у нас есть в двух местах, тут и в ресторанах. Так делать не стоит.
| import cn from 'classnames'; | ||
|
|
||
| import styles from './tabs.module.css'; | ||
| import { Link } from 'react-router-dom'; | ||
|
|
||
| function Tabs({ match }) { |
There was a problem hiding this comment.
Tabs - это просто компонент, чтобы рисовать табы. Он не должен быть привязан к меню, ресторанам или еще к чему-то другому.
| <Route path="/restaurants/:restId/:activeId" component={Tabs} /> | ||
|
|
||
| <Switch> | ||
| <Route |
There was a problem hiding this comment.
Как-то все слишком переусложнено. Поему нельзя было оставить Menu и Reviews в том же формате с теме же пропами, только переместить внутрь Route. Так бы не пришлось их переписывать.
| @@ -36,4 +41,8 @@ const mapDispatchToProps = (dispatch, ownProps) => ({ | |||
| remove: () => dispatch(remove(ownProps.product.id)), | |||
| }); | |||
|
|
|||
| export default connect(null, mapDispatchToProps)(BasketItem); | |||
| const mapStateToProps = (state, props) => ({ | |||
| restaurantIdByProduct: restaurantIdByProductSelector(state, props.product), | |||
There was a problem hiding this comment.
селекторы лучше писать от всего стейта и всех пропов
No description provided.