我有一个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
}