Есть условный пример:
function mapStateToProps(state) {
const { val } = state
const valName = val.name && ''
return { valName }
}
Здесь получаться мы проверяем наличие val.name
и передаем нужное значение пропсом в компонент. Первый вопрос: есть ли разница, где делать эту проверку, внутри mapStateToProps
или внутри метода render
самого компонента? Ведь удобно сразу получить в компонент нужное значение, mapStateToProps
просто же функция, какая разница где она вызовется.
Второй вопрос:
function mapStateToProps(state) {
const { val } = state
return {
filtredName: val.filter(el => el.name === 'name')
}
}
Такое код мы во-первых можем оптимизировать например библиотекой reselect
, чтобы смотреть изменился объект или нет. Тогда состояние не изменится и render
не будет вызван. Но если мы будем делать фильтр в render
, то у нас на вход могут быть разные состояния val
, а после фильтра всегда одинаковые. Получается будет вызван render
где-то лишний раз, пока мы не отфильтруем массив, и не проверим изменился ли он.
Объясните если я что-то неправильно сказал и сформулировал.