小编Mix*_*ike的帖子

如何在 Chrome Inspector 窗口中配置 Redux DevTool，以便它们像红色方块中那样堆叠？目前我的视图是蓝色的，它们并排。

我正在使用Semantic UI React库应用模式。当模式被触发时，它开始闪烁，我一生都无法弄清楚为什么。任何帮助表示赞赏。

在使用 Semantic 之前，我确实安装了 Bootstrap，但当 Semantic 引入该项目时，它被删除了。其他人通过删除 Bootstrap 解决了闪烁问题。但因为我之前已经将其删除并且闪烁仍在继续，所以我不知所措。我确实删除了package-lock.json并运行npm install，但不幸的是并没有解决这个问题。

在我忘记之前，Chrome 和 FF 上确实都会发生闪烁。

以下路径显示了与模式接触的所有文件的布局方式。

index.js
  |_App.js
      |_Router.js
          |_EventPage.js
              |_Jumbotron.js
                  |_QuizModalMike.js

• 注意：这是一个小组项目，并非所有代码都是我编写的。

测验ModalMike.js

我的“多模式”模式的代码是此处找到的示例的副本。即使没有应用任何更改，也会发生闪烁。

import React, { Component } from 'react'
import { Button, Icon, Modal } from 'semantic-ui-react'

class NestedModal extends Component {
  state = { open: false }

  open = () => this.setState({ open: true })
  close = () => this.setState({ open: false })

  render() {
    const …

我想看看是否有办法改变选定故事的宽度。我的组件是 100% 宽度，我不想更改它，因为它是父组件的 100%。对于故事书来说，这就是id="storybook-root生活的地方。下面的第一个屏幕截图显示了默认情况下的样子。我想将宽度设置为 500px（第二个屏幕截图）。

我知道我可以创建一个 html 页面并在其中添加样式，但这适用于所有故事。我希望能够更新选定故事的宽度。