Javascript 根据React组件中的键/值字典映射所有链接

如何根据键/值字典映射所有链接

示例组件：

const Error1 = () =>
<>
  <h1>test</h1>
  <p>test <a href="test1">link</a></p>
</>

const Error2 = () =>
<>
  <h1>test</h1>
  <div>test <p><a href="test2">link</a></p></div>
</>

const dictionary = {
 test1: "www.test1.com",
 test2: "www.test2.com"
}

例如：

<RenameLink><Error1/></RenameLink>

结果:

<h1>test</h1>
<p>test <a href="www.test1.com">link</a></p>

测试
试验

字典与错误组件的关系是什么？是href吗？@evolutionxbox是的，只是href你试过什么？使用道具怎么样？使用React.Children.map怎么样？我尝试了React.Children.map和React.cloneElement，但我不知道href组件将嵌套在哪里。它不是一个组件。为什么不将href值作为道具传递？

<h1>test</h1>
<p>test <a href="www.test1.com">link</a></p>