Arrays 如何滚动到带有按钮道具的部分

我正在尝试修改此按钮菜单：

（请点击链接查看小提琴）

我想在各个按钮上创建onclick事件或滚动到section属性。 这是阵列：

const iconArrayOne = [1, 2, 3];
const iconArrayTwo = [1, 2, 3].reverse();

这是按钮的位置：

    <ButtonGroup>
      <StaggeredMotion
        defaultStyles={[
          { x: -45, o: 0 },
          { x: -45, o: 0 },
          { x: -45, o: 0 },
        ]}

将如何在阵列上执行此操作

<ButtonGroup>
  <StaggeredMotion
    defaultStyles={[
      { x: -45, o: 0 },
      { x: -45, o: 0 },
      { x: -45, o: 0 },
    ]}

为了链接到页面中的某个部分，您需要为每个部分设置一个
id
属性，这样您就可以将该属性作为“链接”传递到每个按钮

从“React”导入React；
导出默认函数节（{标题，副标题，黑色，id}）{
返回(
// ...
);
}

有了这个功能，你就可以拥有一个包含所有部分的数组，然后你可以把它传递给你用来渲染每个按钮的贴图函数中的每个按钮


常量链接=[
{
标签：“某物”，
url:“每个分区的唯一ID”
},
{
标签：“其他东西”，
url:“每个分区的唯一ID”
}
]
//然后在每个按钮上：

这有用吗

to="section1"

<ButtonGroup>
  <StaggeredMotion
    defaultStyles={[
      { x: -45, o: 0 },
      { x: -45, o: 0 },
      { x: -45, o: 0 },
    ]}