Reactjs 与react组件交互并在本地渲染该组件

我有一些呈现svg元素的组件。我想获得一组与生成的svg元素对应的静态图像文件，这些文件具有各种属性设置。e、 类似于

for (let i=0; i < 100; i++) {
  let foo = <Foo bar={i} />;
  foo.render(); // ???
  fs.writeFile(`foo_${i}.svg`, foo.outerHTML);
}

for（设i=0；i<100；i++）{
设foo=；
foo.render（）；/？？？
fs.writeFile（`foo${i}.svg`，foo.outerHTML）；
}

我可以创建这样一个脚本并尝试使用node运行它，但我创建的项目使用了node不支持的一系列功能（如es6导入）

是否有其他js引擎可以在本地运行此代码，或者有一些简单的方法连接到CreateReact应用程序使用的传输设置

---

有一些文档与之相关，但是用例是完全不同的。出于性能原因，我没有尝试预渲染我的站点，我只是尝试渲染一个特定的组件，使用一些特定的道具构建。

您可以使用带有Babel的Webpack，它将ES6传输到ES5。此外，WebpackV2本机支持ES6导入语句

---

在此构建之后，您的节点服务器可以轻松地为生成的捆绑文件提供服务。

您能详细说明一下吗？我需要安装什么/在运行脚本之前需要运行什么命令？