Как проверить props?

Question

[SerjAndreev]

const MainHeader = (props) => {
    let data = {};

    if (props){
        let data = this.props
    }
    else{
        data = {
            work: "",
            schedule: "",
            supportEmail: "",
            menu:[
                    {
                        url: '',
                        label: 'В кабинет',
                        target: '_self'
                    },
                    {
                        url: '',
                        label: 'Зарегистрироваться',
                        target: '_self'
                    }
                ]
        }
    }
    return (
        <header className="row store-header">
            <div className="col-md-12 store-header__top-info">
                <div className="row">
                    <div className="col-md-2"></div>
                    <div className="col-md-8">
                        <div className="row">
                            <div className="store-header__top-info-left-col col-md-8">
                                    <span className="store-header__work">
                                        Работаем: &nbsp; ПН-СБ <span>9.00-19.00</span>
                                    </span>
                                <span className="store-header__support">
                                        <a href="mailto:"></a>
                                    </span>
                            </div>
                            <div className="store-header__top-info-right-col col-md-4">
                                    <span>
                                        <NavLink to="/office">В кабинет</NavLink>
                                        &nbsp;или&nbsp;
                                        <NavLink to="/registration/register">Зарегистрироваться</NavLink>
                                    </span>
                            </div>
                        </div>
                    </div>
                    <div className="col-md-2"></div>
                </div>
            </div>
        </header>
    );
}

export default MainHeader;

Как проверить пропс на пустоту и если что положить собственный обьект в дату ?

Comments

[Петр Мухуров]

const MainHeader = (props) => {
    if (props){
        let data = this.props
    }

во-первых, код никогда не попадет в if(), потому что если пропсов нет - там пустой объект, а даже если бы и попал, то this.props - это довольно интересно, поскольку в стрелочных функциях this отсутствует

[SerjAndreev]

Петр Мухуров,

let data = {
        work: "",
        schedule: "",
        supportEmail: "",
        menu:[
            {
                url: '',
                label: 'В кабинет',
                target: '_self'
            },
            {
                url: '',
                label: 'Зарегистрироваться',
                target: '_self'
            }
        ]
    }
    if (props){
        let data = props
    }

Я правильно понял ?

Answer 1

[Yustas Alexu]

Установить prop-types и следовать инструкции: https://ru.reactjs.org/docs/typechecking-with-prop...

Comments

[Андрей Костяев]

Поддерживаю)