反应路由器 - 如何从内容呈现链接-Java 学习之路

如何从包含内容的段落中呈现 react-router 链接组件？它可能是在随机位置，我没有找到 handTely content param 到 beforeText，link 和 afterText 对象

假设我正在构建一个博客，其中 blog-post 部分将带有一些 url 的内容传递给文本呈现组件，它是链接到内部应用程序路径(或者可能不是，只是纯文本)

class ParentComponent extends Component{
    render(){
      <Content content='Lorem ... <Link to="/page">Some link</Link> lorem ipsum ...'
    }
  }

  class Content extends Component {
     const { content } = this.props
     render(){
       <div className="text-section">
         {content}
       </div>
     }
   }

1 回答

您应该使用 this.props.children 来传递嵌套组件，以便可以直接呈现它们。您的代码应如下所示：

class ParentComponents extends Component{
     render(){
         <Content>
          <p>Lorem ...<Link to="/page">Some link</Link>lorem ipsum</p>
         </Content> 
     }
 }

class Content extends Component {
    render(){
        <div className="text-section">
            {this.props.children}
        </div>
    }

}

回复于 2024-05-21T12:44:01+08:00

反应路由器 - 如何从内容呈现链接

1 回答

相关问题