一道面试题 React

[finalspeed]

http://codepen.io/TimJin/pen/wgbPOx

链接里的代码现在不能输出任何可见信息，请修改 js 代码 使屏幕上可以看到 aoeu 。不能修改#app 节点属性(document.getElementById('app').style.display = "block"; 是无效答案)

不能修改 html 和 css 代码

[blanu]

非常想知道答案

[raquelken]

render 到 body 上不行么？

[czheo]

是要这个意思吗？
componentDidMount() {
ReactDOM.findDOMNode(this).parentNode.style.display="block"
}

[markx]

呃要不然直接 document.write('aoeu')？

[murmur]

直接写一段内联 style disply 是 block!important 不就完了。。没说不准修改节点属性又没说不允许额外 css

[murmur]

*更正，是创建一个新的 style 节点

[rashawn]

让我写我会加个 three.js ……

不懂 react

[JenJieJu]

@raquelken + 1

[finalspeed]

感谢各位的回答, 我不懂 React, 也不知道答案, 所以上来问问 V 友,
@czheo #3, 测试可以显示"aoeu''.

[blanu]

@finalspeed 晕了，那个也是相当于修改了 dom 节点属性啊…我还以为你知道答案…

[yinfxs]

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);

[yinfxs]

看漏了，请忽略我的回复

[yinfxs]

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'));

[yinfxs]

这样不知道是不是标准答案，但是满足你说的要求：