总结

以上是小编为你收集整理的JavaScript的React框架中的JSX语法学习入门教程全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

16个最流行的JavaScript框架[推荐]_javascript技巧

jQuery 是最流行的 JavaScript 框架，它简化了HTML 文档遍历、事件处理、动画和Ajax交互。

Dojo强大的核心使Web开发更加敏捷，它拥有出色的UI工具库，号称 Unbeatable JavaScript Tools。

官方介绍说是最先进的JavaScript框架，用于构建下一代跨平台的Web应用程序。

Prototype 是一个致力于简化动态Web应用程序的开发，有独特的、易用的工具库和最好的Ajax库。

UIZE 是一个强大、开源、面向对象的JavaScript框架，拥有众多效果炫目的Web部件。

qooxdoo 是一个用于创建富Web应用程序的功能全面的、创新的JavaScript框架。

Zepto 是一个轻巧的JavaScript框架，用于Webkit核心浏览器开发，兼容jQuery语法。

DHTMLX Touch 是一个基于HTML5，用于构建支持移动触屏设备的应用程序的JavaScript框架。

YUI Library 是Yahoo公司推出的开源的JavaScript框架，用于快速开发交互性高，更加稳健的Web应用。

Archetype takes care of loading everything needed by your application, using a transitive dependency loading system, and starts it when everything needed is available. No more error due to code unavailable at the good time, Archetype loads files dependency by dependency, in an efficient way. A file can have several kind of dependencies ( css, templates, javascript ), and you can at any moment alias any dependency to another URL without any needs for a code refactoring, just with one line of configuration : this is perfect for production purpose (static domains, etc.).

Rico 是一款优秀的用于富Web应用程序开发的JavaScript框架。

script.aculo.us 是一个优秀的跨浏览器JavaScript用户界面库，提供包括动画，拖放，Ajax，单元测试等API。

javascript – Facebook的React JS框架中的上下文

javascript – 使用Typescript中的react-meteor-data

javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？

我刚刚开始学习ReactJS,这件事发生在我身上.

例如：

我想对reactjs元素执行的函数：

function initializeInput(selector, color) {
    // just an example function
    $(selector).css("font-size", "21pt");
}

和我的.jsx文件的一部分：

var myInput = React.createClass({
componentDidMount: function () {
    initializeInput("#" + this.props.inputId);
},
render: function() {
    return (
        <input type="text" value="text goes here" 
               name={this.props.inputName} 
               id={this.props.inputId}/>
    );
}
});

这个函数被成功调用,但没有任何反应,似乎事情不仅仅是用jQuery和React这样做.将它们混合起来甚至是好的吗？谢谢.

解决方法:

Jquery与Reactjs非常合作.
您可以在反应渲染之后调用jquery函数,即在componentDidMount和中

你可以为此做出反应.让我们说你想要一个工具提示

var myInput = React.createClass({
componentDidMount: function () {
    $(this.refs.tooltip).tooltip();
},
render: function() {
    return (
        <input ref="tooltip" type="text" value="text goes here" 
               name={this.props.inputName} 
               id={this.props.inputId}/>
    );
}
});

关于JavaScript的React框架中的JSX语法学习入门教程和js react框架的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于16个最流行的JavaScript框架[推荐]_javascript技巧、javascript – Facebook的React JS框架中的上下文、javascript – 使用Typescript中的react-meteor-data、javascript – 如何从.jsx脚本调用ReactJS元素上的jQuery函数？的相关知识，请在本站寻找。