У меня есть файл с несколькими компонентами, отвечающими за создание компонента вкладки с соответствующим текстом. Мои компоненты TabScan, TabMessage, TabCode, Tabs, Wrapper.
Первые три получают разные реквизиты. Компонент Tabs
условно отображает их. Я указываю propTypes
и defaultProps
для них внизу моего файла.
TabScan.propTypes = {
qrCode: PropTypes.string,
downloadLink: PropTypes.string
}
TabScan.defaultProps = {
qrCode: '/images/SAMPLE.png',
downloadLink: '#'
}
TabMessage.propTypes = {
iconTop: PropTypes.string,
iconLeft: PropTypes.string,
iconMiddle: PropTypes.string,
iconRight: PropTypes.string
}
TabMessage.defaultProps = {
iconTop: 'fa fa-envelope-o',
iconLeft: 'fab fa-twitter',
iconMiddle: 'fab fa-facebook-f',
iconRight: 'fab fa-google'
}
TabCode.propTypes = {
invitationCode: PropTypes.string
}
TabCode.defaultProps = {
invitationCode: '123456789'
}
Затем я экспортирую компонент-оболочку export const Wrapper= () => <Tabs items={tabTitles} />
Я добавляю свой компонент-оболочку на вкладку. истории. js файл,
import React from 'react'
import Wrapper from '../client/components/mobile/tab'
export default { title: 'Tab Switcher' }
export const wrapper = () => <Wrapper />
, но он не отображает никаких данных, поступающих через реквизиты , и говорит, что реквизиты не определены; Тем не менее, все отлично работает на локальном хосте. Что можно сделать?