我有一个React组件
export default class Archive extends React.Component { ... }
componentDidMount和onClick方法部分使用相同的代码,只是参数稍有变化。
componentDidMount
onClick
是否可以在组件类内部创建一个函数,以便可以在组件范围内重用?
您可以在react组件中创建函数。实际上是从继承的常规ES6类React.Component。只要小心,然后将其绑定到正确的上下文即可onClick:
React.Component
export default class Archive extends React.Component { saySomething(something) { console.log(something); } handleClick(e) { this.saySomething("element clicked"); } componentDidMount() { this.saySomething("component did mount"); } render() { return <button onClick={this.handleClick.bind(this)} value="Click me" />; } }