Fatal编程技术网
  • reactjs/
  • Reactjs 如何将React无状态函数重写为ES6 React

Reactjs 如何将React无状态函数重写为ES6 React

reactjs ecmascript-6

Reactjs 如何将React无状态函数重写为ES6 React,reactjs,ecmascript-6,stateless,Reactjs,Ecmascript 6,Stateless,我正在构建我的第一个React应用程序，它大部分使用ES6组件，但是我从一个无状态函数示例中获取了这个布局组件，并且还无法将其转换为ES6（扩展组件）。具体来说，我不知道如何传递内容。我错过了什么 export const MainLayout = ({content}) => ( <div className="main-layout"> <header> <h2 href="/">Home</h2> <

我正在构建我的第一个React应用程序，它大部分使用ES6组件，但是我从一个无状态函数示例中获取了这个布局组件，并且还无法将其转换为ES6（扩展组件）。具体来说，我不知道如何传递内容。我错过了什么

export const MainLayout = ({content}) => (

 <div className="main-layout">
   <header>
     <h2 href="/">Home</h2>
     <nav>
       <a href="/about">About</a>
       <a href="/profile">Profile</a>
       <AccountsUI />
     </nav>
   </header>
   <main>
{content}
   </main>
 </div>

)

export const MainLayout=（{content}）=>(
家
{content}
)

class MainLayout扩展了React.Component{
render（）{
返回(
家
{this.props.content}
)
}
}
ReactDOM.render(
,
document.getElementById（'app'）
);





class MainLayout扩展了React.Component{
render（）{
返回(
家
{this.props.content}
)
}
}
ReactDOM.render(
,
document.getElementById（'app'）
);



非常棒的东西，谢谢！喜欢这么棒的东西，谢谢！谢谢正是我想要的。谢谢！正是我想要的。