小编Omn*_*ord的帖子

有没有一种方法可以使用ES6类将反应组件重置为初始状态?

我正在写游戏,当游戏结束时,我希望它重置为初始状态.我没有在文档中找到任何有意义的信息,所以我一直在为我的Game类添加一个重置方法.首先,我尝试执行以下操作,希望创建一个我可以稍后扩展的基类,但是使用组件名称的变量会失败:

class Game extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      ...
    };
  }

  reset() {
    var node = ReactDOM.findDOMNode(this),
        ComponentName = this.constructor.name;
    if (node) {
      ReactDOM.unmountComponentAtNode(node);
      ReactDOM.render(<ComponentName />, node);
    }
  }

  ...
}
Run Code Online (Sandbox Code Playgroud)

我继续前进,并尝试对组件名称进行硬编码,如下所示:

class Game extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      ...
    };
  }

  reset() {
    var node = ReactDOM.findDOMNode(this);
    if (node) {
      ReactDOM.unmountComponentAtNode(node);
      ReactDOM.render(<Game />, node);
    }
  }

  ...
}
Run Code Online (Sandbox Code Playgroud)

这非常有效,但我想知道是否有更好的内置方式,或更通用的方式.

reactjs

7
推荐指数
1
解决办法
1万
查看次数

带子弹的 Bootstrap UL

我需要一个带有子弹的 ul,页面上加载了引导程序。我在页面上找不到一个关于如何使用引导程序执行此操作的示例(谷歌只会生成删除项目符号的示例,而不是显示项目符号)。我应该添加一个没有记录的类吗?

我试过添加

ul {
    list-style-type: disc !important;
}
Run Code Online (Sandbox Code Playgroud)

什么都不做:https : //jsfiddle.net/49kwo5pL/2/

文档 ( http://getbootstrap.com/css/#unordered ) 说您必须添加一个类来删除项目符号,但这并不是实际情况。

html css twitter-bootstrap-3

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

reactjs ×1

twitter-bootstrap-3 ×1