用ES6类来反应静态

作者: 樱花弄๑•ั็•็
发布时间: 2024-03-29 04:35:59 (27天前)
转自：

5 条回复

0#
回复此人
biu~ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 虽然 <code> statics </code> 只适用于 <code> React.createClass </code> ，你仍然可以用ES6表示法编写静态方法。如果您使用的是ES7，那么您也可以编写静态属性。 </p> <P> 您可以这样在ES6 +类中编写静态： </p> <pre> <code> class Component extends React.Component { static propTypes = { ... } static someMethod(){ } } </code> </pre> <P> 或者像这样的课外： </p> <pre> <code> class Component extends React.Component { .... } Component.propTypes = {...} Component.someMethod = function(){....} </code> </pre> <P> 如果你想像前一样写它，那么你必须设置 <code> stage: 0 </code> 关于巴贝尔（自实验以来）。 </p> </DIV>

编辑
1#
回复此人
谦成 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 的<strong> 无需实例化组件即可访问静态。 </强> 通常它们不是那么有用，但有一些特殊情况。例如，当您通过执行ACTION PERFORM离开当前页面时进行路由，然后通过静态方法，您可以保持/询问用户是否确实要离开页面。例如： </p> <pre> <code> exampleComponent= React.createClass({ statics:{ willTransitionFrom: function(transition,component){ // check any state here or value Aasked the user. } } }); </code> </pre> <P> 的<strong> 它暴露了willTransitionTo和willTransitionFrom生命周期方法 </强> 。两者都特别有用，因为您可以在实例化组件之前实际取消转换。 </p> </DIV>

编辑
2#
回复此人
没身份别烦我 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> statics </code> 仅适用于React组件， <a href="https://facebook.github.io/react/docs/component-specs.html#statics" rel="nofollow"> 检查文档 </A> 。 </p> </DIV>

编辑
3#
回复此人
不易青年。 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> statics </code> 只适用于 <code> React.createClass </code> 。只需将方法声明为静态类方法： </p> <pre> <code> class SomeComponent extends React.Component { static someMethod() { //... } render() { // ... } } </code> </pre> <HR /> <P> 关于 </p> <pre> <code> React.statics = { ... } </code> </pre> <P> 你真的在创造一个 <code> statics </code> 物业 <code> React </code> 宾语。该财产没有 <EM> 神奇 </EM> 扩展您的组件。 </p> </DIV>

编辑

登录后才能参与评论