javascript – 如何从HTML调用和形成React.js函数

我已经为我的所有代码创建了一个React.js文件,我将在下面发布,如何从html调用它,但是它包含了大量的信息,因此,我不确定该做什么,我已经好几天尝试了几次,我已经尝试了很多东西,但是,我一直无法弄清楚如何从HTML中调用 JavaScript,我会深深体会到这方面的一些帮助,我应该注意我对HTML很新,因为我只使用了几天,我的知识并不全是包含在内,任何帮助都会受到赞赏,建议以及告诉我代码的哪些片段是错了,我希望很快能听到大家的意见！

编辑：为了澄清,我只是想学习如何从HTML调用这个JavaScript函数,但任何其他信息将不胜感激.

编辑2：我真的很难解决这个问题,无论我读了多少,我似乎无法围绕一般概念.

的index.html

Meta charset="UTF-8">
    <Meta name="description" content="BonApp">
    <Meta name="keywords" content="HTML,CSS,JavaScript">
    <Meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">


index.js

require("babel-core").transform("code",options);

var NavBar = React.createClass({
  render: function() {
    return (

      {/* Navigation */}
      logo.png" />
        Box">
          Box-text">


最佳答案
我已修复已发布代码的几个问题：
>在JSX标记之外不允许使用React样式注释,您应该使用普通的JS注释. (例如删除{}).
>您应该删除React组件中的所有id属性.这个ID应该放在HTML代码中的容器元素中.在任何情况下,更改类的ID总是一个好主意,以便允许多次使用相同的组件.
>组件必须以大写字母开头,以区别于HTML标记.因此,我已将iOS重命名为IOS.
>我还更改了React库的URL,因为stackoverflow不允许从fb.me域执行脚本.
为了将组件包含到HTML代码中,您必须将JSX代码转换为常规JS.为此,您有几个选项：Webpack,Browserify,Babel,甚至是浏览器内转换.根据应用程序的大小和复杂程度,某些方法比其他方法更合适.我建议你从最简单的一个开始,然后在你对React部分有信心时将其更改为更强大的工具,比如webpack.学习和配置这些工具可能会相当令人沮丧,所以我会在需要之前避免它们.

var NavBar = React.createClass({
  render: function() {
    return (
      /* NavBar */
      logo.png" />
        Box">
          Box-text">
            

Meta charset="UTF-8">
    <Meta name="description" content="BonApp">
    <Meta name="keywords" content="HTML,900' rel='stylesheet' type='text/css'>

javascript – 如何从HTML调用和形成React.js函数

猜你在找的HTML相关文章