react与使用jquery编写的其他js函数一起工作
React是一个用于构建用户界面的JavaScript库，而jQuery是一个广泛使用的JavaScript库，用于简化HTML文档遍历、事件处理、动画等操作。当React与使用jQuery编写的其他JS函数一起工作时，需要注意以下几点：
- 相互冲突：React和jQuery都有自己的DOM操作方式，可能会导致相互冲突。React使用虚拟DOM进行高效的渲染，而jQuery直接操作实际的DOM。因此，在使用React时，应避免直接使用jQuery来修改React组件所管理的DOM，以免引起不可预料的问题。
- 生命周期：React组件有自己的生命周期方法，如componentDidMount、componentDidUpdate等，用于处理组件的初始化、更新等操作。如果在使用jQuery编写的其他JS函数中需要操作React组件的状态或属性，应该在React组件的生命周期方法中调用这些函数。
- 事件处理：React使用自己的事件处理机制，通过props将事件处理函数传递给组件。如果在使用jQuery编写的其他JS函数中需要触发React组件的事件处理函数，可以通过refs获取组件的引用，并调用相应的事件处理函数。
- 性能优化：由于React使用虚拟DOM进行渲染，而jQuery直接操作实际的DOM，可能会导致性能问题。为了避免不必要的性能损耗，应尽量避免在React组件中使用jQuery来修改DOM，而是通过React的状态和属性来控制组件的渲染。
总结起来，当React与使用jQuery编写的其他JS函数一起工作时，需要注意避免相互冲突、合理处理生命周期、事件处理，并尽量避免直接使用jQuery来修改React组件的DOM。以下是一些腾讯云相关产品和产品介绍链接地址，供参考：
- 云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，适用于各种应用场景。产品介绍链接
- 云数据库 MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。产品介绍链接
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，简化容器集群的部署和管理。产品介绍链接
请注意，以上链接仅为示例，具体产品选择应根据实际需求进行评估和选择。
相关·内容
2回答
我是个受虐狂，所以我决定改变在我的项目中加载require.js的方式。我所做的就是从这个(使用Modernizr.load).
<script type="text/javascript">
function requireJsConfig () {
requirejs.config({
'baseUrl': '{{ STATIC_URL }}js',
'paths': {
'jquery': &
浏览 3提问于2015-05-12得票数 0
我正在尝试用React实现一个非常大的Python项目的前端。似乎大多数教程都要求我们使用Node来访问这些包，有没有办法不使用它们呢？
最初，我认为我可以使用它类似于bootstrap或jquery，我只需下载文件或使用CDN并在HTML文件中标记它们，但它不起作用。
从这里我该去哪里？有没有简单的方法让我安装React？
谢谢!
编辑:我可能应该添加我当前正在做的代码。我试图访问react网站上的文件，但似乎什么都不起作用，从我在其他问题和教程中读到的内容来看，他们总是要求通过npm安装以使其全部工作，或者看起来是这样的……
<div id='app'><
浏览 13提问于2016-09-17得票数 0
我正在开发一个WordPress插件，它在很大程度上依赖于管理端的javascript。因为它是一个插件，可以在管理面板上工作，所以我必须小心避免与其他插件的js代码发生冲突，因为它就像一个常见的地方，每个插件都可以加载js库。
我计划使用wordpress的默认js脚本(如jQuery、下划线、jquery等)。作为依赖关系的外部和包( react、redux、numeral.js等)和webpack一起。
这种方法可能与另一个插件的js代码发生冲突吗？
也许，如果；
另一位插件作者决定像我一样使用webpack。
另一个插件加载了一个js库，它已经在我的依赖列表中了，但是它是非常旧
浏览 1提问于2016-02-22得票数 1
回答已采纳
作为概念的证明，我试图使用作为构建React组件的基础。有一篇文章解释了如何做到这一点，。它在中工作
var Component = React.createClass({
componentDidMount: function() {
var themes = new Array('afterdark', 'afternoon');
$(ReactDOM.findDOMNode(this)).puidropdown({
data: themes,
editable: true
});
},
rende
浏览 8提问于2016-05-11得票数 0
回答已采纳
1回答
创建前端库的jspm工作流
、、、、
将用TypeScript编写的库转换为ES5的当前推荐实践是什么？
JSPM文档似乎面向web应用程序(即使用jspm bundle-sfx)。
我在Google上找到的所有文章似乎都是假设一个web应用工作流，而不是一个库工作流。
我的项目有以下设置：
它依赖于react、flux和jquery，它们都是通过jspm安装的，并在config.js中进行了正确的配置。
源文件.tsx/.ts文件位于src/树中，以及它们相应的转移.js文件。
我可以用jspm bundle创建一个包，但是，这仍然需要我的库的最终用户使用SystemJS
我想要的是将src/下的整个树打包到
浏览 0提问于2015-12-31得票数 3
我已经用jquery和materializecss编写了这个页面。所有的js都做得很好。但是，当我将它转移到reactJs组件时，其中一个js脚本就停止了工作。
这是组件。正如您所看到的，在上面还有来自同一个materialize.min.js的另一个js初始化，它运行得非常完美。为什么第二个没有？
var React = require('react');
var CharSpy = React.createClass({
componentDidMount: function() {
// this one works well
$(
浏览 4提问于2015-06-27得票数 3
我有一个网络应用程序。它有一个非常传统的技术栈。服务器端是Apache，数据库是db2，在客户端我使用JQuery。应用程序是通过websphere部署的。
最近，我开始在许多页面上大量使用JQuery，并且慢慢地开始看到某些页面后面的JQuery代码变成了意大利面代码。
我希望使用一些更新的javascript框架为客户端JQuery提供更多的结构。不幸的是，我被绑定到我正在使用的服务器端技术。
我最近读到了一些关于React.js的文章，但是对于这种技术是应该是服务器端还是客户端，我有点困惑。
我能否保留服务器端技术并使用React.js为客户端JQuery代码提供更多的结构？
此外，我相
浏览 2提问于2015-10-13得票数 5
回答已采纳
我目前正在尝试要求王牌构建(从鲍尔安装)与webpack。因为它是一个巨大的库，所以我将整个文件夹添加到noParse选项中。我在终端上运行的是带有-d选项的webpack。
问题是:当我的代码试图请求它时，它是一个空对象。而且，它不是由浏览器加载的。以下是我正在做的一些信息：
我的档案：
// custom_editor.js
// ace-builds are aliased by ace keyword
var Ace = require('ace/ace'); // This is an empty Object when I'm debugging with
浏览 3提问于2015-04-17得票数 14
我正在尝试为ReactJS组件实现一个包装器API文件。
例如，/js/test.react.js
/** @jsx React.DOM */
var TESTCLASS = React.createClass({
render : function() {
return (
<div> Test </div>
);
}
});
为此，我编写了一个包装器JavaScript文件：
var testClass = {
load: function () {
var scr
浏览 1提问于2015-01-15得票数 1
当使用jquery-validation-ui插件时，会出现“未捕获ReferenceError: JQueryValidatorUI未定义”？也未捕获验证:对象没有方法“TypeError”
下面是我编写脚本的顺序：
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1
浏览 0提问于2012-03-10得票数 0
回答已采纳
我已经将react导入到一个网页(遗留HTML+JQuery)中，如下所示：
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<script type="module" src=
浏览 3提问于2021-04-09得票数 3
回答已采纳
2回答
我有个奇怪的问题。我正在开发一个产品展示页面。我需要使用快速查看按钮。为了快速查看，我使用。此弹出覆盖图使用jquery
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- jQuery Popup Overlay -->
<script src="js/jquery.popupoverlay.js"></script>
问
浏览 0提问于2015-01-16得票数 0
我正在尝试使用angular NG6 starter。在其源代码中，几乎每个js文件都编写了import angular from angular。所以我试着这样做：
new webpack.ProvidePlugin({
// $: "jquery",
// jQuery: "jquery",
// "window.jQuery": "jquery",
'angular': 'angular',
}),
但它不能工作。我不知道为什么，以及如
浏览 2提问于2016-08-17得票数 9
我需要在文档App.js中显示数组中的title对象。当我使用一个不带任何对象的数组时，一切都能正常工作： (之前) App.js： import React from 'react'
import TodoList from './Todo/TodoList'
function App(props) {
const mass = [
"text1",
"text2",
"text3"
]
return (
<div className='w
浏览 17提问于2021-06-23得票数 1
回答已采纳
1回答
如何在nuxtjs中使用fancybox。在vuejs中，它工作得很好，但是当我用fancybox在nuxtjs上编写相同的应用程序时，它就不能正常工作了。它只是发送到相应的链接。
nuxt.config.js
export default {
...
head: {
...
script: [
{
href: "https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js",
body: true
},
{
href:
浏览 1提问于2020-09-13得票数 0
回答已采纳
我的工作是VS代码的HTML和JS页面(不是一个项目)。
我希望jQuery intellisense能够在js文件中工作。
当我用jQuery编写<script>脚本时
-- autocomplete和intellisense正在工作，但是当我试图在外部文件中写入js时，js就不会出现了。
通过添加以下代码，我尝试在文件夹中插入jsconfig.json
{
"typeAcquisition": {
"include": [
"jquery"
]
}}
它没有起作用。
有人能帮忙吗？
浏览 0提问于2018-06-13得票数 0
我有一个自定义的wordpress主题，我正在使用woocommerce插件开发。
它是使用twitter bootstrap构建的，carousel和其他依赖于jquery的东西工作得很好。然而，它看起来像是与特定于woocommerce插件的jquery有关，比如选项卡不起作用。
我上传了这个网站，所以你可以在这里看到选项卡是如何不起作用的：
我在我的functions.php文件中调用jQuery，如下所示：
wp_deregister_script('jquery'); // initiate the function
wp_register_script('
浏览 1提问于2013-03-12得票数 2
在正常情况下，我们从另一个JavaScript文件导入组件。但是，在我的项目中，我想从webpack创建的包中导入组件。
步骤1:创建一个ABC文件夹包，命名为abc.bundle.js
注意: ABC文件夹分别具有文件a.js、b.js、c.js和组件a、b、c。
步骤2: DEF文件夹中的，编写文件DEF.js如下所示
注意:从a.js 导入"a“组件可以很好地工作。
import react from 'react'
import a from './abc/a.js'
步骤3: DEF文件夹中的，编写文件DEF.js如下所示
注意:从abc.bu
浏览 0提问于2018-10-12得票数 1
你好，我想把jquery添加到一个react应用程序中，但是我不知道怎么做。我使用物化来构建一个导航条，并且我希望从它们的库中使用.sidenav函数。
我安装了jquery
npm install jquery
再加上
import $ from "jquery";
到./app.js，然后在Navbar.js中我得到/
import { Link } from "react-router-dom";
const Navbar = () => {
return (
<>
<nav className="
浏览 1提问于2021-02-02得票数 0
回答已采纳
我使用将所有js依赖项拉到一个文件中，然后将该文件缩小以供生产。问题是，我需要模块的顺序不是输出它们的顺序。
作为一个简化的示例，我有一个script.js文件，基本上如下：
var $ = require('jquery');
var gsap = require('gsap');
var hi = require('hoverintent');
$('#someID').hoverIntent(function(){
//do something
},function(){
浏览 2提问于2015-06-19得票数 1
回答已采纳
我正在尝试将react组件添加到php/js项目中。我添加了一个新的文件夹，创建了一个新的react应用程序并更新了组件。这个组件通过npm start工作得很好，但是我需要将现有的JS文件连接到这个组件，这就是我不确定该如何处理的？必须构建组件吗？如果是，应该如何将其添加到主JS文件中。 仅供参考，尝试在脚本中定义react和babel，但问题是不能使用import，所以我不得不将所有内容都添加到一个文件中，这听起来不是很干净。 如果你有任何想法，我将不胜感激 这是main.js <div id=root></div>
<script src="../
浏览 18提问于2019-02-26得票数 0
1回答
我正在尝试将图表集成到function中，但是我得到了$.plot不是函数错误，我有以下代码
脚本标签Index.html
<script src="dist/libs/js/jquery.min.js"></script>
<script src="dist/libs/js/jquery.flot.js"></script>
<script src="dist/libs/js/jquery.flot.stack.js"></script>
<script src=&#
浏览 6提问于2015-12-23得票数 2
回答已采纳
我想在我的react应用程序中使用select2 jquery库。
我在index.html页面中导入jquery
<script type="text/javascript" src="%PUBLIC_URL%/assets/js/select2.min.js"></script>
在这里选择2.js组件
import React,{useState ,useEffect,useRef, Component} from 'react';
import $ from 'jquery';
export
浏览 5提问于2020-09-20得票数 0
回答已采纳
我已经设置了一个用以下命令构建的：
babel --presets es2015,react --watch src/ --out-dir lib/
它可以工作，并将jsx文件编译成js，并将其放在lib/中。
问题是，babel的情况如下：
import { Form } from "Form"
转到
var _Form = require("Form");
浏览器不知道该如何处理，因此我得到了一个很棒的信息：
TodosApp.js:3未定义的ReferenceError: ReferenceError未定义
有没有人？
谢谢
浏览 6提问于2016-06-01得票数 0
回答已采纳
我很难让与ReactJ一起正常工作。日历会显示出来，但它看起来不正确，将参数传递给$("#calendar").fullCalendar()不会做任何事情，从下面的图像中可以看到。(第6-8天应突出绿色)
因此，我从开始，它直接为我启动了所有所需的依赖关系，比如Babel等等。
然后制作了两个非常简单的反应性类，如下所示：
import React, { Component } from 'react';
import './App.css';
import $ from 'jquery';
import 'mom
浏览 3提问于2017-01-17得票数 1
回答已采纳
我正在学习react js，并试图从Html template创建一个带有react js的网站。模板使用Jquery Isotope image filter plugin，我的react代码使用react-router-dom来导航页面。启动应用程序时，在home page中，过滤器工作正常，但当使用菜单栏导航到另一个页面时，isotope过滤器不起作用。当我再次硬重新加载页面时，它再次工作。我尝试过一些方法，但没有奏效。那么在react js应用程序中使用Jquery Plugin的方法是什么呢？
我的代码如下：
Index.html页面。在这里，我声明了Scripts
<!DOC
浏览 49提问于2021-03-03得票数 0
1回答
我们可以在jquery中这样做，但我从来不理解它在本地JS中是如何工作的。
function init(){
return $.ajax({
'type':POST,
'url':'example.com'
})
init.success(function(data){
data
});
我们如何用纯JS编写回调？这样我就可以这样用它了：
myFunction('myparam',function(){
return 'this is myFunction callback';
}
浏览 12提问于2015-07-30得票数 1
回答已采纳
我在reactjs和browserify中使用gulp
这是我的吞咽文件
var gulp = require('gulp'),
browserify = require('browserify'),
source = require('vinyl-source-stream'),
reactify = require('reactify'),
rename = require('gulp-rename')
gulp.task('js-build', functi
浏览 1提问于2015-08-18得票数 1
我整个下午都在疯狂地试图解决这个问题，但我想我只是不知道如何处理Javascript。阅读大量的帖子，包括这里，但我仍然不知道该做什么。
我目前正在使用一个Wordpress主题，我从一个设计师那里买来的，从那以后他就消失了，没有回复任何关于这个主题的信息。
在这个主题上，我已经使用了一年多的简单而优雅的"PrettyPhoto“灯箱插件()。
以前一切都很好，但今天我突然发现“灯箱”的效果现在被取消了:每一张照片现在都会在主页面下面打开，而不是在浮动的窗口中弹出--它看起来非常非常难看(见这里的例子)。
据我所知，这可能是在我的主题中发生的一种javascript冲突，但我不能把手指
浏览 1提问于2013-04-23得票数 0
1回答
我正试图通过，却遇到了一个绊脚石。我有以下HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="./src/favicon.ico" />
<
浏览 3提问于2016-09-05得票数 2
我想在React中使用分页插件。jQuery中的原始用法：
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, 8],
pageSize: 3,
callback: function (data, pagination) {
// template method of yourself
var html = template(data);
$("#dataContainer").html(html);
}
});
我想用
浏览 2提问于2016-10-03得票数 0
回答已采纳
我跟随的文章，将CSP添加到我现有的react应用程序中。我完成了在“使用内联脚本或样式”中编写的所有步骤，下面是我的config-overrides.js文件：
const { override } = require('customize-cra');
const cspHtmlWebpackPlugin = require('csp-html-webpack-plugin');
const cspConfigPolicy = {
'default-src': "'none'",
'base-
浏览 5提问于2020-01-05得票数 9
回答已采纳
我在使用名为bxslider的jquery扩展时遇到了问题，
滑块中的图像似乎没有变化。我也不知道为什么。
我使用的是magento，所以prototype和jquery可能会有问题，但我不这么认为。
这是网站
如果有人能检查一下这个网站那就太好了
相关代码似乎修改了我的标记。但是我看不出它为什么不能工作的任何错误
下面是javacscript
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="te
浏览 0提问于2014-02-05得票数 0
2回答
如何在没有指定id jQuery 的情况下将Ref与库一起使用到输入？
import $ from 'jquery';
import 'jquery.mask.js';
class PhoneComponent extends React.Component {
ref = React.createRef();
state = {value: ''};
componentDidMount() {
this.renderMask();
}
render() {
return (
<inp
浏览 5提问于2020-03-05得票数 2
回答已采纳
我发现了很多关于Webpack错误的帖子：
Uncaught ReferenceError: process is not defined
其中大多数建议在webpack.config.js中添加插件
plugins: [
// ...
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development')
}
}),
// ...
]
然而，在我的情况下，这似乎不起
浏览 3提问于2018-05-27得票数 2
回答已采纳
我正在使用canjs2.1.0和stealjs0.3.0在一个应用程序上玩：
我有如下的stealconfig.js：
System.config({
map: {
"can/util/util": "can/util/jquery/jquery",
"jquery/jquery": "jquery"
},
paths: {
"jquery": "bower_components/jquery/dist/jquery.js",
浏览 3提问于2014-10-15得票数 1
回答已采纳
如何在Google Chrome控制台中获取事件处理器的代码？ 对于用VannilaJS编写的站点，我可以这样做： var el = document.getElementById('test');
getEventListeners(el); 对于用jQuery编写的站点，我可以这样做： var el = document.getElementById('test');
$._data(el, 'events'); 但是对于一个用React编写的站点，一旦事件发生，我就无法获得要执行的确切代码。有人知道怎么做吗？
浏览 6提问于2020-09-08得票数 0
我估计使用React编写Report应用程序的可能性。在NodeGUI开始开发之前，我需要找到一些问题的答案。你能帮我弄清楚。
如何在React中动态加载程序扩展。例如:如果我想改变我的程序的业务逻辑和可视化，而不需要编译代码。在React中加载程序扩展的动态方式是什么？例如:如果我想改变程序的业务逻辑和可视化，添加一些其他开发人员的程序模块代码。怎样才能做到呢？，在React中如何处理XML文件？是否有可能运行C/C++或其他语言编写的其他程序代码？运行非本地JS模块的限制是什么？是以什么方式连接到SQL或NoSQL DB (PostgreSQL、Oracle、Mongo等)？是什么原因尚未
浏览 6提问于2019-12-10得票数 0
1回答
我使用一个模板来响应包含jquery的js。对于jquery，我用index.html编写了脚本标记，用componentDidMount()编写了jquery代码。现在，它显示了数据采集器的错误。我已经在脚本标记中包含了用于daterangepicker的js文件。我的index.html代码：
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900' type='text/c
浏览 0提问于2018-11-13得票数 1
我把我的包裹更新到最新版本。在此之前，我的项目没有错误。但是，在将next js更新到版本9，jquery更新到版本3.5之后，$.map无法正常工作。在类组件的呈现()方法中使用$.map时，
import $ from "jquery";
.
.
.
render() {
let rec = [
{'id':2},
{'id':3},
];
$.map(rec, function (value) {
conso
浏览 3提问于2020-05-07得票数 0
回答已采纳
我正在尝试使用jquery来创建一个粘稠的头，但它似乎不能正常工作。这是我的密码。我真的很感谢你的帮助。我被困了好几个小时想弄清楚这件事。我试着使用react粘稠的，但是当您滚动到far时，它总是会消失，而且我真的很想在jquery技能上工作。我试图通过webpack和索引添加jquery。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet"
浏览 4提问于2016-10-18得票数 0
回答已采纳
我使用的是react-google-maps，它需要一个googleMapURL道具的组件(声明谷歌地图JavaScript应用程序接口)和react-places-autocomplete，这也需要一个与谷歌地图js的脚本。 当我同时执行这两项操作时，我收到错误消息“您已多次在此页面中包含Google Maps JavaScript应用程序接口。这可能会导致意外错误”。 我不能不声明react属性，否则组件就不能工作，如果我不在index.html中声明脚本，react-places-autocomplete就不能工作。 当我同时使用这两个库时，我怎么能不得到这个错误呢？ 我在一个创建-反
浏览 11提问于2020-01-30得票数 1
回答已采纳
1回答
我正在从事一个Spring Webflow项目，该项目是使用Spring-JS构建的，但公司要求我更改以下代码以使用JQuery。我不是JavaScript/JQuery程序员，所以我现在确实需要一些帮助。
下面是工作代码，在更改选择框(称为区)时，它会将_eventID(webflow需要它)更改为loadSchools，然后对页面上的所有内容执行表单提交。几天来，我一直在尝试在JQuery中实现这一功能，但什么都不能实现
下面是使用Spring-JS的旧工作代码
<script type="text/javascript">
浏览 0提问于2013-05-29得票数 0
我的团队开发了一个django网站，它有大量的页面，这些页面完全不需要javascript，或者可以使用一些jquery操作。我们想要尝试使用一个反应库，以加快我们的网页和添加页面导航，而不完全页面重新加载(我们选择react，因为我们实现了一些SPA网站与react，我们喜欢它)。此外，我们的页面应该使用禁用js。
我想从一页开始，上面有5张表格。如果提交任何表单，则重新加载页面，字段中填充的数据丢失，并且工作缓慢。我想在ajax上实现数据发送，并在服务器应答后更改一些html。
每个react教程都说要编写带有html标记的jsx组件，用babel将其转换为纯js，并在页面加载时动态添加。
浏览 2提问于2016-12-20得票数 4
我想在火狐扩展的侧边栏中使用jQuery。这就是我在sidebar.xul中包含jQuery的方式
<script type="application/x-javascript" src="chrome://myaddon/content/
scripts/jquery/js/jquery-1.4.4.min.js"/>
<script type="text/javascript">jQuery.noConflict();</script>
第一个问题，为什么我们要使用jQuery.noConfl
浏览 0提问于2011-02-16得票数 5
回答已采纳
1回答
我使用的是require.js和jQuery的当前稳定版本，我目前包含的jQuery如下所示
requirejs.config({
paths: {
'jQuery': 'vendor/jquery',
}
});
require(['jQuery'], function(jQuery) {
log(jQuery); // working
});
我不明白的是，我真的不需要显式地返回jQuery，因为它仍然可以工作(在其他模块中也是如此)：
require(['jQuery'], function( // not
浏览 0提问于2013-03-25得票数 29
回答已采纳
我在这里尝试用ReactJS中的组件来创建PopUps，但是我在Reactid-withaddons.js中得到了这个错误：
错误:不变冲突：_registerComponent(.)：目标容器不是DOM元素。
这是我的密码：
HTML :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="react-0.13.3/build/react-wit
浏览 1提问于2015-06-22得票数 5
1回答
我对React Js很陌生。我有一些常用的javascript代码，用于频繁使用的计算等，它有很多javascript代码。
现在我转向了React组件，并且喜欢使用我在react组件中用纯javascript编写的相同代码，而不是重写所有代码。
在这件事上请帮帮我。
浏览 16提问于2017-01-24得票数 0
我正在尝试将json文件导入到我的代码中。与此相同的js文件是
import React from 'react';
import ReactDom from 'react-dom' ;
import $ from 'jquery' ;
import data from './data.json';
class ExpenseApp extends React.Component{
render(){
return(
<div>{data.Author}</div>
浏览 24提问于2017-07-16得票数 2
9回答
在React.js中工作时，我发现有些东西非常令人困惑。
互联网上有很多使用.js文件与React一起使用的例子，而其他许多例子则使用.jsx文件。
我读过关于JSX文件的文章，我的理解是它们只允许您在JavaScript中编写HTML标记。但是同样的事情也可以写在JS文件中。
那么.js和.jsx之间的实际区别是什么呢？
浏览 15提问于2017-09-12得票数 508
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
