Javascript 如何在本地主机上执行React D3组件

我试图使用在Github上找到的D3JavaScript组件创建一个树状图。以下是链接： 我对这整件事还比较陌生，所以我很难弄清楚如何使用它来创建一个我可以实际运行的web应用程序，就像演示中所示（） 理想情况下，我希望导入我自己的.json数据，但一旦运行了它，我相信我可以相当容易地解决这个问题。 如果您有任何建议，我们将不胜感激，谢谢

试图通过在Windows命令提示符下查找目录并使用命令npm start来运行应用程序

---

我认为我没有合适的脚本来执行将在本地主机服务器上显示的程序。

我尝试运行Codesandbox.io上www.npmjs.com/package/react-d3-tree上给出的示例中的代码。它像预期的那样完美地工作。我相信它也会在localhost上工作。 这是代码

    import React from 'react';
    import Tree from 'react-d3-tree';
    //Static JSON you can always use json from a different file
    const myTreeData = [
      {
        name: 'Top Level',
        attributes: {
          keyA: 'val A',
          keyB: 'val B',
          keyC: 'val C',
        },
        children: [
          {
            name: 'Level 2: A',
            attributes: {
              keyA: 'val A',
              keyB: 'val B',
              keyC: 'val C',
            },
          },
          {
            name: 'Level 2: B',
          },
        ],
      },
    ];
    export default class MyTree extends React.Component {
      render() {
        return (
        //Wrapper
          <div id="treeWrapper" style={{width: '50em', height: '20em'}}>
          //Calling the actual library with json as a prop
            <Tree data={myTreeData} />
          </div>
        );
      }
    }

从“React”导入React；
从“react-d3-Tree”导入树；
//静态JSON您始终可以使用来自不同文件的JSON
常数myTreeData=[
{
名称：“顶级”，
属性：{
凯亚：“瓦尔A”，
键B:'值B'，
keyC:'val C'，
},
儿童：[
{
名称：“级别2:A”，
属性：{
凯亚：“瓦尔A”，
键B:'值B'，
keyC:'val C'，
},
},
{
名称：“级别2:B”，
},
],
},
];
导出默认类MyTree扩展React.Component{
render（）{
返回(
//包装纸
//使用json作为道具调用实际库
);
}
}

我想我缺少的是如何将它包装成一个应用程序，当我尝试在本地主机上运行它时，它将被执行。我的意思是，如果我只是将这段代码保存为Javascript文件，然后npm在该目录中启动，它就不会运行。我觉得这一定是一个愚蠢的问题，我对你们使用的CreateReact应用程序的理解有很大的差距？我为现有的React应用程序提供了此代码。如果你有React应用程序，这应该很好，所以我使用npx创建React应用程序，然后将其作为单独的.js文件添加到src文件夹中？是的，导入后在app.js中呈现。如果我将上面引用的示例.js代码保存为mytree.js，你能告诉我你的app.js文件中有什么吗？我正在尝试渲染我的树，但我不断出错。非常感谢你的帮助，对不起，我对这个很陌生！