出现了一个奇怪的警告：Got a component with the name 'screen' for the screen 'tab1'.

来源：5-10 顶部导航Tab样式自定义

慕尼黑0536602

2022-02-14

Hi老师，我根据咱们课程的代码敲，然后出现了这个警告：
Got a component with the name ‘screen’ for the screen ‘tab1’（tab1-6都有这个问题）. React Components must start with an uppercase letter. If you’re passing a regular function and not a component, pass it as children to ‘Screen’ instead. Otherwise capitalize your component’s name.

然后当我把screen改成大写字母开头之后，如下：又说找不到Component… 这个咋整？

keys.forEach((item, index) => {
    if (item.checked) {
        tabs[`tab${index}`] = {
           Screen: (props) => (<Component {...props} {...extra} tabLabel={item.name} theme={theme} />),
            navigationOptions: {
                title: item.name,
            }
        };
    }
});

写回答

1回答