刚刚尝试在 React 中使用装饰器:
import React from 'react';
import Fade from './Transitions/Fade'
import withVisible from './withVisible'
@withVisible()
const App = props =>
<Fade visible={props.visible} duration={500}>
Hello
</Fade>
export default App
如果我使用常见方法( withVisible()(App) ),那么它可以正常工作。
(我的猜测是 NodeJS 无法使用 @ 编译我的代码)[语法错误:意外的标记 (@) ]
import React from 'react'
const withVisible = () => Component =>
class WithVisible extends React.Component {
state = {
visible: true
}
render() {
return (
<Component visible={this.state.visible} {...this.props}/>
)
}
}
export default withVisible
可能您的 .babelrc 没有添加装饰器插件。
尝试这个:https://babeljs.io/docs/plugins/transform-decorators https://babeljs.io/docs/plugins/transform-decorators
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)