无法将props传递给子组件

Question

我仍在努力应对但我无法理解为什么这不起作用，应该将道具从tabs传递到<Tab />并每次输出按钮。

如果我在{this.props.content}旁边没有任何文字，则它不显示任何内容，如果我将testText放在{this.props.content}旁边，它会输出按钮5次，但只显示{{1}它不应该通过testText道具

显示name字段

content={item.name}

Answer 1

您需要将props传递给无状态函数，因为它是无状态组件，所以这是不可用的。它应该是这样的：

const Tab = (props) => {
   return (
       <TestBtn key={props.key} >
           testText {props.content}
       </TestBtn>
   );
 }