Question

我正在学习ReactJS。我访问了this以获得一些基础课程。完成第一课后，我可以编写以下代码：

<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">

        <title>Hello world with date time in ReactJS</title>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>


    </head>

    <body>

        <div id="root"></div>


        <script type="text/jsx">

            const element = <h1>Hello, world</h1>;
            ReactDOM.render(
              element,
              document.getElementById('root')
            );

        </script>


    </body>

</html>

但令我惊讶的是，它正在运作here但不在我的电脑上或在我的小提琴here上。你能告诉我为什么我的代码不能正常工作吗？谢谢。

Answer 1

将for (i in seq_along(variables)) { ggplot(df, aes(x, y)) + geom_segment(...) ggsave(paste0("enrich_prof_eu_", i, ".pdf")) }更改为text/jsx。它有效。

Answer 2

问题是您没有启用JSX处理如果您正在使用jsFiddle，则可以将JS代码移至JavaScript编辑部分，然后单击此部分右上角的设置按钮，然后从语言选择中选择text/babel。

ReactJS中的基本元素呈现不起作用

2 个答案: