ReactJS navigate 函数在新窗口打开内容 | 使用 window.open() 方法

{"title":"ReactJS 使用navigate = useNavigate 如何在新窗口打开内容：在ReactJS中，可以使用window.open()方法在新窗口或新标签页中打开一个URL。\n\n如果您想要在使用navigate函数时打开一个新窗口，可以使用window.open()来实现。例如：\n\njsx\nimport { useNavigate } from 'react-router-dom';\n\nconst MyComponent = () => {\n const navigate = useNavigate();\n\n const openNewWindow = () => {\n window.open('/new-page', '_blank');\n };\n\n return (\n <div>\n <button onClick={() => navigate('/new-page')}>打开新页面</button>\n <button onClick={openNewWindow}>在新窗口打开</button>\n </div>\n );\n};\n\nexport default MyComponent;\n\n\n在上面的例子中，当点击"打开新页面"按钮时，页面会在当前窗口中导航到/new-page。而当点击"在新窗口打开"按钮时，会在新窗口或新标签页中打开/new-page。"}