反应组件方法的装饰器

时间:2018-07-24 16:10:56

标签: reactjs

我有一个React组件,如下所示:

import React from 'react';
class Detail extends React.Component{
  render(){
      const {user} = this.props;

      return (<div>I am {user.name}</div>)
  }
}

我想在渲染中添加方法装饰器,以便装饰器可以访问 this.props 。如果用户未登录,它将返回“请登录”,如下所示:

import React from 'react';
class Detail extends React.Component{
  @loginRequired
  render(){
      const {user} = this.props;

      return (<div>I am {user.name}</div>)
  }
}

我看到装饰器文档,格式如下:

function name(target, name, descriptor){
    // ?? **how can I access react render's this**   <----------- question 
    // e.g.:   if(this.props.user)
    return descriptor
}

0 个答案:

没有答案