将多个值作为道具传递[关闭]

【问题标题】：Passing multiple values as props [closed]将多个值作为道具传递[关闭]
【发布时间】：2021-12-15 09:59:24
【问题描述】：

如何将查询传递给 Story 组件

   function Story({data}) {
       return (<div></div>)
   }

   function Feedbacks({feedbackdata}) {
        const {query, feedbacks} = feedbackdata;
      
        return (
            <div>
                {feedbacks.length > 0 && feedbacks.map(feedback => <Story key={feedbacks.id} data={feedback}/>)}
            </div>
        )
    }

【问题讨论】：

标签： javascript reactjs react-hooks

【解决方案1】：

只需将其添加为道具？

并确保您的 Story 函数/类组件处理该额外的道具

   function Story({data}) {
       return (<div></div>)
   }

   function Feedbacks({feedbackdata}) {
        const {query, feedbacks} = feedbackdata;
      
        return (
            <div>
                {feedbacks.length > 0 && feedbacks.map(feedback => <Story key={feedbacks.id} data={feedback} query={query} />)}
            </div>
        )
    }

【讨论】：

【解决方案2】：

您向Story 添加一个道具。

function Story({data, query}) {
  return (<div></div>)
}

然后像这样传递那个道具：

<Story key={feedbacks.id} data={feedback} query={query} />

See the docs 了解更多关于道具的信息。您可以添加任意数量！

【讨论】：