ant-design-mobile代码在codepen里面怎么调试？

Question

ant-design-mobile的示例代码都可以在codepen里面查看效果，比如这个下拉刷新组件 https://codepen.io/pen/?edito...

问题：

1、ant-design-mobile组件最后一句都是ReactDOM.render(<App />, mountNode);，mountNode并不是一个具体的挂载点，按理说这样并不能运行，但在codepen里面又能看到运行效果，那它是怎么运行起来的呢？

2、有些js代码需要用console.log()方式调试看看效果，在codepen里面怎么弄？有些不需要引用第三方资源的代码可以拷贝到chrome的console里面调试，但是有些需要引用react，在浏览器console中就不好弄了，请大佬支个招。

Answer 1

mountNode是你要挂载的一个dom节点,比如你的 html 中有一个<div id="root"></div>,mountNode就可以用document.getElementById('root')来替代,官方的那个例子中,没有把mountNode定义在 js 中,而是定义在 html 文件中,如下图

控制台的话,在右下角,有个Console的按钮,点击打开后可以输入调试,以及查看输出.有些输出会提示太大,比如你要输出ReactDOM,他就会提示太大,这个时候打开浏览器自带的开发者工具里的控制台查看.