javascript - 从 json 错误有条件地渲染 plyr-react 媒体的问题

Question

尝试从 JSON 文件有条件地渲染不同的媒体（音频/视频）以做出反应，但出现错误。

这是代码：

   {surgeryData.map(data => (
      <div>
         <Plyr
            source={
               ((type = {data.type}),
               (sources = [
                  {
                     src = {data.media}
                  }
               ]))
            }
         />
      </div>
   ))}

无论我使用=after source 还是:react 似乎都不喜欢源中的嵌套数据。有什么解决办法吗？

Answer 1

根据文档，源应该是这样的对象。

{surgeryData.map((data) => (
  <div>        
    <Plyr
      source={{
        type: data.type,
        sources: [
          {
            src: data.media
          }
        ]
      }}
    />
  </div>
 ))}