您是否能够将React钩子const命名为已经定义的const？

Question

I'm trying to assign my Provider store prop to my Routes hook store, but I'm also creating a store in the function, so I have an issue with duplicated variables. Is there a way to declare a hook with the same const name as an already defined const?

  const store = createStore(reducers, applyMiddleware(thunk));
  sessionService.initSessionService(store);
  store.subscribe(() => {
    console.log('store.getState()', store.getState());
  });
  const [store] = useState();
  return (
    <Provider store={store}>
      <BrowserRouter className="router">

defining const [store] = useState(); throws an error of: Identifier 'store' has already been declared.

You are able to define a state in a Class, and have it have the same identifier as a const, but are we not able to do that using hooks? Thanks for the help

Answer 1

由于它们是同一功能的一部分，因此它们位于相同的名称空间中，因此不能，您不能使用相同的名称命名它们。

Answer 2

If they both declared on the same block ( {} ) then no, because const (and let ) is block scoped .

If they "live" on a different block though, its fine:

 function foo() { { const x = 1; } const x = 2 console.log('x is ', x) } foo()