http://codepen.io/TimJin/pen/wgbPOx
链接里的代码现在不能输出任何可见信息,请修改 js 代码 使屏幕上可以看到 aoeu 。不能修改#app 节点属性(document.getElementById('app').style.display = "block"; 是无效答案)
不能修改 html 和 css 代码
1
blanu 2017-03-02 03:44:34 +08:00
非常想知道答案
|
2
raquelken 2017-03-02 04:19:14 +08:00
render 到 body 上不行么?
|
3
czheo 2017-03-02 05:30:08 +08:00 1
是要这个意思吗?
componentDidMount() { ReactDOM.findDOMNode(this).parentNode.style.display="block" } |
4
markx 2017-03-02 06:43:54 +08:00
呃要不然直接 document.write('aoeu')?
|
5
murmur 2017-03-02 07:47:48 +08:00
直接写一段内联 style disply 是 block!important 不就完了。。没说不准修改节点属性又没说不允许额外 css
|
6
murmur 2017-03-02 07:49:03 +08:00
*更正,是创建一个新的 style 节点
|
7
rashawn 2017-03-02 08:10:53 +08:00 via iPhone
让我写我会加个 three.js ……
不懂 react |
9
finalspeed OP 感谢各位的回答, 我不懂 React, 也不知道答案, 所以上来问问 V 友,
@czheo #3, 测试可以显示"aoeu''. |
10
blanu 2017-03-02 20:03:41 +08:00 via iPhone
@finalspeed 晕了,那个也是相当于修改了 dom 节点属性啊…我还以为你知道答案…
|
11
yinfxs 2018-06-16 12:35:27 +08:00
class Application extends React.Component {
render(){ return this.props.children; } } //DO NOT MAKE CHANGES BELOW THIS LINE ReactDOM.render(<Application><div>aoeu</div></Application>, document.body); |
12
yinfxs 2018-06-16 13:36:00 +08:00
看漏了,请忽略我的回复
|
13
yinfxs 2018-06-16 14:00:33 +08:00
class Application extends React.Component {
componentDidMount() { const _ = ReactDOM.findDOMNode(this); _.parentNode.parentNode.append(_) } render(){ return this.props.children; } } //DO NOT MAKE CHANGES BELOW THIS LINE ReactDOM.render(<Application><div>aoeu</div></Application>, document.getElementById('app')); |
14
yinfxs 2018-06-16 14:01:19 +08:00
这样不知道是不是标准答案,但是满足你说的要求:
|