javascript - 在 React 生命周期方法中使用本地方法

Question

我很好奇下面的代码是否有效:

class App extends React.Component {
	componentDidMount() {
		logger('mount')
	}
	componentDidUpdate() {
		logger('update')
	}
	logger = x => {
		console.log(x)
	}
	render() {
		return (
			<div className='container'>
				
			</div>
		)
	}
}

ReactDOM.render(<App />, document.getElementById('app'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>

我已经使用 React 一段时间了，从来没有遇到过在生命周期方法中使用本地方法的理由，但出于好奇，我想今天应该尝试一下。我无法找到任何指定的解释来解释为什么这可能不起作用。是应用程序初始化的顺序，只是在调用时没有看到它，还是我没有想到的基本内容？

Answer 1

我相信这可能就像将 logger('mount') 和 logger('update') 更改为 this.logger('mount ') 和 this.logger('update') :)