Компонент React / Redux получает неиспользуемые параметры

У меня есть контейнер, например, Home:

function mapStateToProps (state) {
  return {...state.home}
}

function mapDispatchToProps(dispatch){
    return ....
}
class Home extends React.Component {

    constructor (props, context) {
        super(props, context);
    }

    render(){

        return (
            <div>
                <HeaderHome {...this.props.header}/>
                ...
            </div>
        )
    }

}

Home.contextTypes = {
    router: PropTypes.object
}


export default connect(mapStateToProps, mapDispatchToProps)(Home);

Обратите внимание на компонент, это очень просто:

class Header extends React.Component {
    render(){

        return (
                <div className = "tp__header-menu">
                    <Menu />
                    ....
                </div>
        )
    }
}

export default Header;

В заголовке я могу использовать {this.props}, который передается из Дома, а также в заголовке есть компонент меню, в который я не передаю некоторые реквизиты!

Компонент меню:

function mapStateToProps (state) {
  return {...state.configuration.menu}
}

function mapDispatchToProps(dispatch){
    return ...
}

class Menu extends React.Component {
    constructor(props, context){
        super(props, context);
    }


    render(){
        return (....)
    }
}

Menu.contextTypes = {
    router: PropTypes.object
}

export default connect(mapStateToProps, mapDispatchToProps)(Menu);

Несмотря на то, что я не переносил реквизиты в этот компонент, после console.info я вижу все реквизиты из компонента и все реквизиты, которые преобразуются из состояния в реквизиты. Почему?

Я хочу видеть только реквизиты, которые преобразуются в реквизиты из состояния (магазина)

что вы ожидаете от ... в возврате? то есть return ...

atmd 29.05.2018 15:14

Его единственный пример в реальном коде, этот метод возвращает {.....}

user5384437 31.05.2018 19:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
171
0

Другие вопросы по теме