Question

我有一个codepen。我需要用React来说明“Hello world”。我无法获取要渲染的代码。

我将Babel设置为预编译器。

我连接了React和ReactDOM。

以下是所有HTML：

<div id="app"></div>

以下是所有JS：

class App extends React.Component {
  render() {
    <div>
      <p>Hello!</p>
    </div>
  }
}

ReactDOM.render(<App />, document.getElementById('app'));

我需要在一两个小时内接受采访。只是不能让它在这里工作。救命啊！

Answer 1

您忘记在render() { return ( <div> <p>Hello!</p> </div> ); }中退回该组件：

<xe:carousel>
    <xe:this.slideNodes>
        <xe:slide loaded="${viewScope.images[0].url ne null}" buttonStyleClass="btn btn-link">
            <xe:this.backgroundSrc>
                <![CDATA[${javascript:viewScope.images[0].url}]]>
            </xe:this.backgroundSrc>
            <xe:this.buttonLabel>
                <![CDATA[${javascript:viewScope.ctitles[0]}]]>
            </xe:this.buttonLabel>
            <xe:this.descriptionText>
                <![CDATA[${javascript:viewScope.captions[0]}]]>
            </xe:this.descriptionText>
            <xe:this.buttonHref>
                <![CDATA[${javascript:viewScope.pageurl[0]}]]>
            </xe:this.buttonHref>
            <xe:this.buttonStyle>
                <![CDATA[#{javascript:viewScope.newwindow[0]}]]>
            </xe:this.buttonStyle>
        </xe:slide>
    </xe:this.slideNodes>
</xe:carousel>

Answer 2

您需要从渲染功能中返回要显示的内容。

{{1}}

React - 非常简单的Codepen不会出现

2 个答案: