javascript - React 遇到未知 props 错误

Question

我想在react中尝试无状态组件，我将它们分成2个，但是我得到了 Warning: Unknown props 的错误项目on <renderItems> tag

下面的代码有什么问题吗？

import Items from './Items'
import Infinite from 'react-infinite'

const LeftPanel = (props) => {
    return(
        <div className="leftPanel">
            <renderItems {...props} />
        </div>
    )
}

const renderItems = (props) => (
    <Infinite containerHeight={200} elementHeight={118}>
        {map(props.items, (item, index) => (
            <Items 
                index={index}
                item={item} 
            />
        ))}
    </Infinite>
)

export default LeftPanel

Answer 1

我认为您应该将 renderItems 重命名为 RenderItems。我看到this看起来在 JSX 中，您需要将大写字母放在组件名称的第一个单词上:

<component /> compiles to React.createElement('component') (html tag)
<Component /> compiles to React.createElement(Component)