React 组件外可以定义变量吗

Question

如下

const page = 0
const limit = 10

const Table = () => {
    return (
      ...
    )
}

page和limit不参与渲染，放在ref里嫌麻烦，可以直接放到组件外吗，别的组件引入Table的时候会不会造成变量的污染呢

Answer 1

会，组件只使用一次还好，如果组件使用多次，那么多个组件实例会共用同一个page和limit

Answer 2

如果整个是个es6模块导出的话不会污染

Answer 3

可以定义在外面，但若该组件在多个地方都被引用时，会共享同一个page和limit。