在React中，你可以使用beforeEach钩子函数来实现登录拦截。这个钩子函数会在路由被访问之前被调用，你可以在这个函数中执行任何你需要在每个路由之前执行的代码。

以下是一个简单的例子，它会在用户尝试访问一个未登录的路由时阻止路由的访问：

```jsx import React, { useState } from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() { const [user, setUser] = useState(null);

function login() { // 用户登录或授权的逻辑 // ... }

function logOut() { // 用户注销或授权的逻辑 // ... }

return ( ); }

export default App; ```

在这个例子中，login和logOut函数是用户登录或注销时的逻辑。你可以在这些函数中添加你需要在每个路由之前执行的代码，例如：

```jsx function login() { // 用户登录或授权的逻辑 // ... }

function logOut() { // 用户注销或授权的逻辑 // ... } ```

然后在路由的beforeEach钩子函数中调用这些函数：

```jsx import React, { useState } from 'react'; import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() { const [user, setUser] = useState(null);

function login() { // 用户登录或授权的逻辑 // ... }

function logOut() { // 用户注销或授权的逻辑 // ... }

return ( ); }

export default App; ```

这样，如果用户试图访问一个未登录的路由，beforeEach钩子函数将会被调用，然后执行你需要在每个路由之前执行的代码。