假设我有一个简单的 React 无状态组件,如下所示:
const myComponent = () => {
const doStuff = () => {
let number = 4;
return doubleNumber(number);
};
const doubleNumber = number => {
return number * 2;
};
return <div>Hello {doStuff()}</div>;
};
export default myComponent;
根据我收到的 eslint 错误以及我对“const”如何工作的理解,我假设该组件不会呈现,因为函数“doStuff()”在初始化之前使用了函数“doubleNumber()”。但是,每当我使用这个组件时,它都会按预期呈现 - 为什么它不抛出异常?这是否意味着 React 组件中 'const' 变量的顺序可以是我们喜欢的任何顺序?