Question

我正在创建一个包含React组件的列表，并且正在处理列表容器和可重用的列表项组件。父组件最多将组件传递给中间组件，但最多子组件没有props值。

我做错了什么？没有控制台错误。
中间部分：

const VideoList = (props) => {
  const videoItems = props.videos.map((video) => {
    return (
      // want to render list-item component
      <li key={video.etag}>{video.snippet.title}</li>
    )
  });
  return (
    <ul className="list-group">
    {videoItems}
      <ListItem
        videos={ videoItems }
      />
    </ul>
  )
}

最多子组件的控制台日志显示没有道具

Answer 1

我认为如果将uint16_t result = (uint16_t)(((x & 0xF) << 8) | y);直接传递给子组件会更好。试试这个：

props

在您的儿童组件中，您可以显示您想要的内容

Answer 2

尝试使用＆＃39; this＆＃39;将属性传递给最多子组件。关键词。

    <ListItem videos={this.videoItems}/>

在React中嵌套组件，不传递给子组件的props

2 个答案: