这个和组合有什么区别

来源:2-3 高阶组件介绍(3)

慕沐4494624

2019-09-15 06:55

function FancyBorder(props) {
  return (
    <div className={'FancyBorder FancyBorder-' + props.color}> 
         {props.children} 
    </div>
  );}
function WelcomeDialog() {
  return (
    <FancyBorder color="blue">   
       <h1 className="Dialog-title">    
          Welcome   
       </h1>     
       <p className="Dialog-message">    
          Thank you for visiting our spacecraft!   
      </p>  
   </FancyBorder>
  );}


写回答 关注

1回答

  • 清颖7339383
    2019-09-21 16:32:59

    你说的是什么组合?是说组件吗?function也是一种react组件的写法,和class <name> extends react.Componrnt{}的写法效果一样,我感觉这里是表达在函数内返回一个组件的,就是高阶组件

React高级教程之高阶组件

运用高阶组件编写高质量React应用

14486 学习 · 33 问题

查看课程

相似问题