在Atlassian Jira插件中设置react-router

编程问答 2022-06-05

问题描述

我正在使用React JS作为前端的Jira插件，并且在设置路由时遇到问题。

设置基本完成：

<BrowserRouter>
        <Sidebar />
            <Switch>
                <Route path='/'><MainComponent /></Route>
                <Route path='/other'><OtherComponent /></Route>
            </Switch>
</BrowserRouter>

补充工具栏组件中的链接如下所示： <Link to="/">Main</Link>

该项目是由以前从事该项目的人员使用Webpack创建的，而webpack.config文件如下所示：

const path = require('path');
module.exports = {
  entry: {
    'plugin-name': './src/index.js'
  },output: {
    path: path.resolve(__dirname,'../directory-name/'),filename: '[name].js',publicPath: '/'
  },devServer: {
    historyApiFallback: true,}

我试图将useHistory钩子应用于导航链接，以解决此问题，但无济于事

let history = useHistory();
function handleClick() {
     history.push("/other");
}
<Link to="/other" onClick={handleClick}>OtherComponent</Link>

导航链接不起作用，甚至不更改URL。手动将/ comp-a附加到当前URL上（很傻，但是...您必须尝试所有操作，y'kno）也不起作用。是否需要以特定方式使用Atlassian限制？

P.S。据我所知，Atlassian提供了自己的路由解决方案，react-resource-router，但是我宁愿坚持使用react-router。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

jirajira-pluginreact-routerreactjsreactjs