react.js - 这样的react组件怎么写？

问题描述

问 题

我想实现这种

 class Baseframe extends React.Component<BaseframeProp, {}> {
    render(){
       return(
         <div>
          *** 需要渲染的子组件 ***
         <div>
       )
    }
 }

然后在最外层能够这样写:

    render() {
        return (
          <Baseframe>
              JSXElement
          </Baseframe>
        )
    }

就是把组件写成这种可以有结束标签的这种，怎么写？

解决方案

可以这么写：

class Baseframe extends React.Component {
    render(){
       return(
         <div>
           {this.props.children}
         <div>
       )
    }
 }

这篇关于react.js - 这样的react组件怎么写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！