小编iam*_*rry的帖子

如何在 ReactJS 和 AG Grid 中一次播放数组中的一个视频

从 API 获取响应。API响应

API response : 

    0:
    Camera_Number: "Camera_1"
    Company_Name: "Fraction Analytics Limited"
    Floor Number: "Ground_Floor"
    Group_Name: "Group_1"
    Video_Name: "http://localhost:4000/video/0"
Run Code Online (Sandbox Code Playgroud)

将数据填充到表后创建一个按钮,然后 ag-grid 看起来像这样

在此输入图像描述

我目前正在将所有视频映射到按钮,然后单击按钮它会打开多个视频,但我一次只想要一个视频。

应用程序.js

const initialValue = { Name: "", Floor: "", Group: "", Camera: "", Videos: "" };

export default function App(data, handleFormSubmit) {
  const { id } = data;
  const actionButton = (params) => {
    setResponse(params.response);
    setOpen(true);
  };

  const [response, setResponse] = useState(0);
  const [open, setOpen] = React.useState(false);
  const [formData, setFormData] = useState(initialValue);
  const handleClose = () …
Run Code Online (Sandbox Code Playgroud)

javascript arrays reactjs react-native react-hooks

5
推荐指数
1
解决办法
378
查看次数

标签 统计

arrays ×1

javascript ×1

react-hooks ×1

react-native ×1

reactjs ×1