Javascript 如果链接到锚定标签，警报框不会弹出？

为什么在点击链接之前不会弹出一个警告框

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Home from './Home.js';



function Admin() {
  return (
    <div className="App">
      <h2>ADMIN WORK WILL BE HERE</h2>
      <a href="http://localhost:3000/" onclick="alert('You are going to be logged out!!');">LOGOUT</a>
    </div>
  );
}

export default Admin;

从“React”导入React；
从“/logo.svg”导入徽标；
导入“/App.css”；
从“/Home.js”导入Home；
函数Admin（）{
返回(
行政工作将在这里
);
}
导出默认管理员；

您可以使用箭头功能来实现这一点

onclick={() => alert("You are going to be logged out!!")}

从“React”导入React；
导入“/App.css”；
函数App（）{
返回(
行政工作将在这里
);
}
导出默认应用程序；

为什么不使用onclick创建一个按钮，然后触发一个运行警报和重定向的功能？PS共享一个沙盒，我们可以在其中编辑您的代码并帮助您。问题是您正在双引号中插入警报功能。实际上它可以工作，但我希望页面转移，但同时mesage应显示“u r logged out”（您已注销），它将首先显示弹出窗口，然后在接受警报后，页面将导航到href中指定的URL！事实上，它的工作，但我希望该页面转移，但在同一时间，mesage应该显示“u r注销”你说的转移是什么意思？你是说路线？搜索react路由器。我的意思是，当我点击链接时，页面应该会转移，但同时它会显示一条类似“你已注销”的消息

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <h2>ADMIN WORK WILL BE HERE</h2>
      <a href="http://localhost:3000/" onClick={() => alert('You are going to be logged out!!')}>LOGOUT</a>
    </div>
  );
}

export default App;