javascript - JavaScript：如何用 ReactDOMServer.renderToString 格式化 str.replace，使用捕获的元素作为道具

Question

我正在尝试应用此正则表达式

str.replace(/<L href=(.*?)>(.*?)<\/L>/g, ReactDOMServer.renderToString(<L href={$1}>$1</L>))

但它不能识别其中的$1那个href={$1}（说它没有定义），而它确实出现在第二位并且它表明它被正确捕获

我该怎么写？

*所以问题不在于正则表达式，而在于如何使用捕获的变量作为组件的参数

---

也许是这样的？

($1, $2) => ReactDOMServer.renderToString(<L href={$1}>$1</L>)

Answer 1

可以通过不捕获昏迷来解决

str.replace(/<L href="(.*?)">(.*?)<\/L>/g, ReactDOMServer.renderToString(<L href="$1">$1</L>))

但是没有更好的方法吗？