React Js-用不同的颜色连接每个步进节点和连接线

Question

我刚开始使用reactjs。我正在尝试制作一个看起来像这样的步进器组件：https://stackblitz.com/edit/react-k6mfrd?file=index.js。我如何根据TestStepper接收的props数据更改stepper节点和连接节点的线的颜色。引用提供的链接，看来我需要在“ style.css”中的“ step :: before”和“ step :: after”中更改“背景颜色”。我不确定如何去做。任何帮助都会很棒。预先感谢。