当我尝试在 url 中添加新参数时，它会覆盖我在反应故事书中的那个参数

Question

我在我的 React 项目中使用了故事书 npm，我有这样的 url http://localhost:35475/?path=/story/simple-usage--client-demo ，当我尝试 url 中的另一个参数时 http://localhost:35475/?path=/story/simple-usage--client-demo&test=123并重新加载它然后它删除了我的测试参数，任何人都可以帮我解决这个问题吗？我在这里添加了我的代码

import * as React from 'react';
import { storiesOf, addParameters, addDecorator } from '@storybook/react';
import { setOptions } from '@storybook/addon-options';
import { themes } from '@storybook/theming';
import './demos/helpers/index.css';
import { Toolkit } from '@projectstorm/react-canvas-core';

Toolkit.TESTING = true;

addParameters({
    options: {
        theme: themes.dark,
    }
});

setOptions({
    name: 'STORM React Diagrams',
    url: 'https://github.com/projectstorm/react-diagrams',
    addonPanelInRight: true
});

addDecorator(fn => {
    Toolkit.TESTING_UID = 0;
    return fn();
});

import demo_client from './demos/client-demo-simple';
import demo_simple from './demos/demo-simple';
import demo_flow from './demos/demo-simple-flow';
import demo_performance from './demos/demo-performance';
import demo_locks from './demos/demo-locks';
import demo_grid from './demos/demo-grid';
import demo_listeners from './demos/demo-listeners';
import demo_zoom from './demos/demo-zoom-to-fit';
import demo_labels from './demos/demo-labelled-links';
import demo_dynamic_ports from './demos/demo-dynamic-ports';
import demo_alternative_linking from './demos/demo-alternative-linking';
import demo_custom_delete_keys from './demos/demo-custom_delete_keys';

storiesOf('Simple Usage', module)
    .add('Client Demo', demo_client)

Answer 1

尝试将 url 编码为

encodeURIComponent('http://localhost:35475/?path=/story/simple-usage--client-demo&test=123')

像这样

"http%3A%2F%2Flocalhost%3A35475%2F%3Fpath%3D%2Fstory%2Fsimple-usage--client-demo%26test%3D123"

当我尝试在 url 中添加新参数时，它会覆盖我在反应故事书中的那个参数

when i tried to add new parameter in url it override my that parameter in react storybook

reactjs

storybook