无法解析的变量$ jquery + reactJS
无法解析的变量$ jquery + reactJS是一个错误的表达式，因为$ jquery不是一个有效的变量名。然而，我可以为您提供有关jQuery和ReactJS的信息。
- jQuery:
- 概念：jQuery是一个快速、简洁的JavaScript库，提供了丰富的特性和易于使用的API，用于简化HTML文档遍历、事件处理、动画效果和AJAX等操作。
- 分类：jQuery属于前端开发领域的JavaScript库。
- 优势：jQuery具有简洁的语法、跨浏览器兼容性、强大的选择器和DOM操作能力，可以快速开发交互性强的网页应用。
- 应用场景：jQuery广泛应用于网页开发中，特别适用于需要操作DOM元素、处理事件、实现动画效果和进行AJAX通信的场景。
- 腾讯云相关产品：腾讯云无特定产品与jQuery直接相关。
- ReactJS:
- 概念：ReactJS是一个用于构建用户界面的JavaScript库，由Facebook开发，采用组件化的开发模式，通过虚拟DOM实现高效的页面渲染。
- 分类：ReactJS属于前端开发领域的JavaScript库。
- 优势：ReactJS具有高效的虚拟DOM机制、组件化开发模式、可复用性、良好的性能和生态系统支持，使得构建复杂的用户界面变得更加简单和可维护。
- 应用场景：ReactJS广泛应用于构建单页应用、大型Web应用、移动应用等需要高性能用户界面的场景。
- 腾讯云相关产品：腾讯云无特定产品与ReactJS直接相关。
请注意，以上答案仅供参考，具体的应用场景和推荐产品可能因实际需求而异。
相关·内容
我有下一个代码
componentDidMount() {
super.componentDidMount();
let jobj = $(ReactDOM.findDOMNode(this));
$.validator.unobtrusive.parse(jobj);
}
运行此操作后，我得到错误：Uncaught TypeError:无法读取未定义的属性“未公开”
如何才能使导入ASP.MVC不显着和jquery验证？
浏览 4提问于2015-11-17得票数 2
function makePvsApplicantCalls(){
console.log('In makePvsApplicantCalls');
$.ajax({
type: 'GET',
url: "/reppify/RPCPostAdapter/httprpc/applicationFacade/getPreviousApplicants",
data : {jobId : jobId, page: pgNoPA++},
浏览 4提问于2012-11-23得票数 2
回答已采纳
我正在尝试弄清楚如何将输入变量传递给graphql查询函数，以运行查询并显示结果。当按钮被点击时，我不确定我传递的变量是否正确。getObjectQuery使用两个变量startTime和endTime，这两个变量都将由用户在前端选择。
父组件：
class Calendar extends React.Component {
constructor(props) {
super(props);
this.state = {
startTime: '',//This will keep track of the ti
浏览 0提问于2018-08-20得票数 1
我试图解析json数据，这是我得到的响应，但使用jQuery.parseJSON，它是不工作的。如果从Ajax成功回调函数中的注释中删除以下数据，则Ajax成功将无法工作
$(document).ready(function(){
//Working Example in Comment
//var obj = jQuery.parseJSON( '{ "name": "harsh","address":["add1","add2"] }' );
//var objArray
浏览 2提问于2015-01-18得票数 1
回答已采纳
当我试图加载简单的html (带有一些图像，但现在无法访问)时，由于某种原因，jQuery试图加载它们，并在控制台中产生错误。
以下是示例代码：
var html = $('<div>' + '<img src="http://not.found/1.jpg"/>' + '</div>');
下面是错误：
GET http://not.found/1.jpg jquery-2.0.3.js:5788
x.extend.buildFragment jquery-2.0.3.js:5788
x.e
浏览 1提问于2013-08-16得票数 2
我正在尝试创建一个组件，使用ReactJS的内联CSS将图像呈现为"tiles“或"cards”。但是，我不明白为什么图像没有显示。我是ReactJS的新手，所以这可能只是一个我还没有安装的依赖程序包--但是请告诉我！
我从Create启动了这个项目。
我检查了URL配置、内联CSS语法，并检查了本地服务器上的页面，但我似乎不知道为什么图像不显示。我尝试在url周围添加“required”，但这似乎不起作用(除非有一种特定的方法需要设置url作为必需的？)。我还尝试使用图像标记，但当实际图像无法加载时，它显示了微小的默认图像图标。
import React from '
浏览 0提问于2019-02-03得票数 0
回答已采纳
问题：
如何向其他地方公开一个react组件的方法？
例如，我想从React的外部元素调用React路由器的this.context.router.push(location)。
也许我可以将React组件的方法添加到window对象中，这样就可以从任何通用DOM事件侦听器甚至控制台调用它。
背景/用例：
我想在我的React应用程序中使用jQuery DataTables，因为它提供了许多在React生态系统中仍然不可用的插件和配置。
我从现有的React组件(下面的实现)开始。
原始选项提供了传递呈现函数的很好的选项，例如，它可以呈现单元格内的其他反应组件。下面，“Product”列中的单
浏览 5提问于2016-06-11得票数 4
3回答
我试图调用REST webservice从数据库获取数据，并将JSON对象返回给ReactJS app.When。我从浏览器访问URL，它显示了JSON对象，但当我尝试呈现表中的数据时，没有显示任何内容。
我的示例代码如下所示
import React from 'react';
import $ from 'jquery';
export default class Members extends React.Component {
constructor(props) {
super(props);
this.state = { us
浏览 0提问于2016-10-10得票数 2
3回答
我试图编译的应用程序不是用外部jquery编译&它的相关JS文件。当我试图将这些文件链接到ReactJS应用程序中的HTML页面时，它会抛出以下错误。
错误是：
“定义”未定义，无-undef。
此错误来自jquery.js文件，它本质上是一个外部文件&显示此错误的行是：
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
浏览 0提问于2018-10-14得票数 13
回答已采纳
如果我想让浏览器“记住”ajax请求的搜索结果，我该怎么办？我正在使用jquery插件Jquery地址，但我无法拼凑出如何使用它
下面是我提交的表单中的代码片段：
var ajaxforms = {
searchoptions : function(){
$('form#searchoptions').ajaxForm({
url : base_url + 'search/categorysearch',
target : '#search_result',
浏览 0提问于2009-12-21得票数 0
回答已采纳
2回答
我试图在twig模板中使用jquery varaible通过ajax发送，但我无法访问twig中的jquery变量：
我的代码是：
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#my_input").change(function(){
var value = jQuery("#my_input").val();
浏览 0提问于2013-05-16得票数 5
回答已采纳
4回答
我在php中使用jQuery Ajax，我在php文件中获得json编码的值，但结果无法解码。
<script>
jQuery(document).ready(function() {
jQuery(".upload").click(function(e) {
e.preventDefault();
var data = {};
jQuery(".ajax_elements").each(function(_, elem) {
浏览 3提问于2014-01-06得票数 1
我正在reactJS中试用一个示例，在这个示例中，我将显示一个记录列表，并在每次删除后删除该列表。我看到了这个错误标题提出的许多问题，但没有对我起作用。
var CommentBox = React.createClass({
loadCommentsFromServer: function () {
$.ajax({
url: this.props.listUrl,
dataType: 'json',
success: function (d
浏览 0提问于2016-05-07得票数 2
回答已采纳
我试图在我的网站上呈现一个小的搜索栏，但我看到的是它仍然存在于网站中，但是它的大小变成了0x0，我找不到我的ES6代码有什么问题。有人能帮我调试一下吗？
index.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" conten
浏览 6提问于2016-06-10得票数 0
回答已采纳
2回答
允许你用华丽且功能丰富的下拉列表替换难看且难以使用的超文本标记语言选择框。
我实现了SelectBoxIt，但我的render(return())方法中的<select>无法识别它。我在网上搜索，发现几乎只有一个我不理解它的建议，你可以在这一点上帮助我。
简而言之，我的结论是SelectBoxIt自然不支持ReactJS。
因此，我们需要一个解决方案或技巧。
下面是来自他们网站的示例代码，并在我的项目中完全使用了它：
<!doctype html>
<html>
<head>
<meta char
浏览 8提问于2017-11-02得票数 0
我在遗留应用程序中有一个由jquery控制的选项卡式接口。
我正在将新部件迁移到ReactJS。
其中一个选项卡保存React根DOM节点，我希望在其中显示组件。当选项卡激活时，DOM节点以及选项卡中的所有内容都将通过jquery加载，其中包含html()函数。在这种情况下，React无法找到DOM节点，并出现错误。
如果我在选项卡激活中使用AJAX动态加载React脚本，那么每次加载脚本时，它都会添加一个重复的根组件。
如果只在第一次激活选项卡时加载脚本，它就无法在第二个选项卡激活之前将组件添加到DOM中。
如何处理动态插入的根DOM节点(v16.2)？
请帮帮我！
浏览 0提问于2018-03-17得票数 0
回答已采纳
我有代码来获取存储在cookie中的GA参数，并使它们以一种无法工作的形式输入的值，我无法在我的生命中找出原因。
(function( $ ) {
if (Cookies.get('gaParams')) {
var params = Cookies.get('gaParams');
}
$('#source').val(params['utm_source'] ? params['utm_source'] : 'organic');
$('#
浏览 1提问于2017-08-17得票数 0
回答已采纳
1回答
我正在尝试使用parse.com加载Parse ( RequireJS )和引导JS。我无法让它与这些库一起工作，但其他库似乎运行良好(例如，backbone.js)。
我确保将此内容包含在我的index.html文件中：
<script data-main="js/main" src="js/libs/require/require.js"></script>
我的main.js文件如下所示：
require.config({
paths: {
jquery: 'libs/jquery/jquery-min'
浏览 5提问于2014-04-04得票数 1
回答已采纳
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/1.0.0/
浏览 0提问于2015-11-30得票数 6
回答已采纳
1回答
目前我在前端编程，遇到了javascript文件无法加载的问题。我的文件是.jsp，因为scala/scalatra后端。我有我的index.jsp，其中我在顶部包括我的头文件，在底部我包括我的页脚。
我像这样包含它们：
<jsp:include page="header.jsp"/>
// CODE //
<jsp:include page="footer.jsp"/>
我的头看起来像这样：
<!-- HEADER -->
<!doctype html>
<html lang="en">
浏览 9提问于2017-03-29得票数 0
我有一个第三方javascript文件app.js，它包含下面的片段
(function ($) {
"use strict";
// json for properties markers on map
var props = [];
// custom infowindow object
var infobox = new InfoBox({
disableAutoPan: false,
maxWidth: 202,
pixelOffset: new google.maps.Size
浏览 3提问于2020-08-02得票数 2
回答已采纳
const value = weather.weather
console.log('icon', value?.[0].icon)
const url = `http://openweathermap.org/img/wn/${value?.[0].icon}@2x.png`
return(
<div>
<div> temperature {weather?.main?.temp} Celcius</div>
浏览 7提问于2022-02-20得票数 1
回答已采纳
我有一个使用jquery的高级应用程序(在这个问题上，我在$http上使用jquery取得了更大的进展)。我正在尝试将json数据发送到php并成功地执行它(php读取它并通过报头返回数据)。这里的问题是$.ajax无法识别成功，它失败并返回响应的解析错误。
这是我的javascript：
function loginUser() {
var target = "../data/user.php";
var data = {
"userName": "me",
浏览 4提问于2014-08-08得票数 0
回答已采纳
2回答
我对ReactJS很陌生，我正在做的一件事就是分页。ReactJS是创建复杂UI视图的一个很好的工具，但有时最简单的事情是最难的。我可以在jQuery中做这件事，但我想用React来做。
基本上，我希望有一个“加载更多”的分页风格，其中的项目被附加到身体(像一个新闻提要)。在我的代码中，我执行ajax请求来获取数据，将其放入状态变量，然后呈现DOM。我只使用1页数据就成功地完成了这一任务，因为我为项创建了一个新变量。
onCallSuccessGetListings: function(data) {
this.setState({ hasSuccess: data.success }
浏览 5提问于2016-06-01得票数 3
回答已采纳
2回答
我需要这样的东西：
Regex validSelector = new Regex("^[.#a-zA-Z0-9_:[] ]+[,><a-zA-Z0-9_~=\"\":[] ]*$");
有没有人写了一个正则表达式来验证jQuery或CSS选择器？(CSS3/jQuery1.4)
或者，谁知道在哪里可以找到一个正则表达式或正则表达式生成器来验证jQuery选择器？(或者至少CSS选择器？)
我尝试过的代码，但John Resig和css的w3c文档()都很头疼:(
我想问一下你们中是否有人已经为此编写或使用过一些代码片段。
谢谢！！
浏览 1提问于2010-11-16得票数 1
回答已采纳
1回答
我最近创建了一个ReactJS应用程序，但是，我无法使babel模块解析器工作。我没有使用CRA开始这个项目，而是使用npm init。 我得到的错误是 Module not found: Error: Can't resolve '@src/components/Component' in '/Users/path/to/app/src' 这是我的babel.config ts： module.exports = {
presets: ['@babel/preset-env', '@babel/react
浏览 19提问于2020-12-26得票数 1
回答已采纳
1回答
我直接链接到jquery.tmpl的git，不推荐这样做，我只是为了这个例子这样做，我也在本地测试过js，我得到了同样的问题。由于某些原因，${Variables}未呈现，它们返回空白。我以前做过几十次了，我错过了什么？
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content=&#
浏览 0提问于2011-03-20得票数 1
回答已采纳
2回答
我从reactjs开始，我想向RESTful服务发出一个GET请求，这是我的代码，有人能帮我吗？
render: function() {
$.ajax({
url: "http://rest-service.guides.spring.io/greeting"
}).then(function(data) {
$('.greeting-id').append(data.id);
$('.greeting-content').append(data.content);
return <div style="backgro
浏览 1提问于2015-07-22得票数 5
回答已采纳
1回答
我试图为我的铬扩展导入一个简单的图片，我得到了这样的结果：
(!)插件类型：@rollup/ Plugin TS2307:无法找到模块‘../img/rein.png’或其相应的类型声明。src/pages/popup/App.tsx：(2:18) 2从‘./img/rein.png’导入徽标；
我的App.tsx非常简单
import React from 'react';
import logo from '../img/intro.png';
const App = (): JSX.Element => {
return (
浏览 5提问于2022-09-25得票数 0
3回答
我有一个react组件，它是一个包含各种字段的表单，我希望能够通过传递道具来隐藏各种字段。Id有一个名为hideElements的道具，它包含一个Id列表，这些Id将与表单元素的引用相匹配。
如果我使用jquery通过引用获取每个元素，并在componentDidMount中添加一个“隐藏”类，那么它会在react中引起问题吗？有更好的方法吗？
浏览 4提问于2015-09-20得票数 1
回答已采纳
2回答
我在努力学习ReactJS。在这个HelloWorld脚本中
<!DOCTYPE html>
<html>
<head>
<title>React JS Hello World</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style.css" />
&l
浏览 5提问于2015-09-25得票数 1
回答已采纳
2回答
下面是一个简单的页面示例：
App.js
export default class App extends React.Component {
render() {
return <Router>
<Switch>
<Route exact path='/' component={ArticlesPage}/>
<Route path='/search' component={SearchPage}/>
浏览 1提问于2018-03-22得票数 1
由于我在<script src="/all.js" asynch defer></script>标记上使用了延迟和异步属性，所以HTML页面中的脚本由于jQuery (我在延迟中加载jQuery )而无法工作。因此，我必须使用natif中的window.onload方法。然后我就可以使用jQuery了。问题是，window.load使我的脚本在html中写得太长，无法加载，所以想象一下，当我必须在jQuery中附加元素时，需要几秒钟的时间来完成这个工作…
有解决办法吗？也许我不明白延迟异步的运行..。
提前谢谢你！
浏览 7提问于2014-09-30得票数 0
回答已采纳
1回答
我对过滤器的使用有问题。在我的componentDidMount中有：
async componentDidMount(){
window.scrollTo(0, 0)
this._resetForm(true)
const id = this.props.match.params._id;
//there is the problem
const currentWarehouse = this.props.user.db
console.log("curre
浏览 2提问于2020-05-28得票数 0
回答已采纳
我正在尝试在我的JQM应用程序中添加ReactJS。我要补充的是：
npm install jquery@1.11.1 --save-dev
npm install jquery-mobile --save-dev
它将JQuery和JQM添加到模块中，但问题是当我在应用程序中将其用作：
import $ from 'jquery';
import 'jquery-mobile';
它给出了控制台中的以下错误：
模块未找到:错误:无法解析‘/var/www/html/var/phonegapApp/’中的“jquery”
另外，当我使用import JQ
浏览 3提问于2017-08-22得票数 0
1回答
我正在尝试用一个小应用程序编写一些测试，这个应用程序是我从一个React教程中编写的。
我的书库
node -> v8.7.0
mocha -> "^5.1.0"
jsdom -> "^11.8.0"
jquery -> "^3.3.1"
react-dom -> "^16.3.2"
react -> "^16.3.2"
chai -> "^4.1.2"
babel-register -> "^6.26.0"
这是我的test_help
浏览 0提问于2018-04-19得票数 0
回答已采纳
我尝试使用JQuery post方法获取JSON值。Im编写以下代码，使用aspjson util从生成JSON数据
<!--#include file="JSON_2.0.4.asp"-->
<!--#include file="JSON_UTIL_0.1.1.asp"-->
<%
Dim member
Set member = jsObject()
member("color1") = "Green"
member("color2") = "
浏览 4提问于2014-01-06得票数 0
回答已采纳
2回答
我用materialize.css库创建了一个静态网页，当我试图移动一些组件以作出反应时，它们却无法工作。
这是我的html样板
<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
浏览 0提问于2015-04-15得票数 1
回答已采纳
2回答
代码：
await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.2.1.min.js'});
问题
我将jquery添加到上面一行的页面中，这样我就可以使用它来选择Puppeteer中的元素。在出现“未定义$”错误之前，所有操作都可以正常工作几页。
编辑：为了清楚起见，加载了第一个url，然后木偶师通过单击" next“按钮导航到下一个页面，从而在新的url上打开了一个新页面。
我尝试了什么：
我尝试了以下几点：
1)
await page.evaluateOnNewDocument(fs.r
浏览 0提问于2019-09-20得票数 0
回答已采纳
我是wordpress的新手..。请帮帮我..。不能让这个代码起作用..。[datatable}短代码是一个插件短代码(因此它确实存在)
Worpress页面：
Client ID Nr
定制的JS：
function customidnr(idnr) {
var input;
if (idnr !== undefined && idnr !== 0) {
input = idnr;
storeDataidnr(input);
// alert("Storing idnr data1: " + input);
}
浏览 0提问于2020-02-07得票数 1
1回答
我的php从DB生成一些类型，并将其传递给一个Smarty变量$X。
在Jquery的帮助下，我希望能够单击一个按钮，其中一个div的内容将被$X替换。
$(document).ready(function(){
$("button").click(function(){
$("#div1").html($X);
});
});
这段Jquery脚本包含在一个外部js文件中。
浏览 2提问于2011-05-29得票数 3
回答已采纳
2回答
我有一个ASP.Net MVC应用程序，我使用这个代码段从服务器获得了一个JSON响应。
public JsonResult GetVehicleByID(string VehicleID)
{
db.Configuration.ProxyCreationEnabled = false;
var res = from type in db.Vehicles
where type.ID == VehicleID
select new
{
浏览 3提问于2016-06-28得票数 1
回答已采纳
1回答
您可以找到我的JSON 。我遇到困难的是从React中获取article数据。
我的密码在下面。我的问题中没有包括JSON请求代码，因为它并不是完全的结果。我使用jQuery $.getJSON方法将fulldata的状态替换为数组。因此，假设数据完全在fulldata下。
getInitialState:function(){
return { fulldata: {forthem:[ {articles: [] } ]} }
},
viewer:function(){
return (<ul>
{this.state.fulldata
浏览 3提问于2016-11-22得票数 1
回答已采纳
1回答
我有以下工作代码：
fetchPost (id) {
var mainObject = {},
toReturn = [],
promises = [];
var that = this;
for(var i=id; i<10; i++) {
promises.push(axios.get(`api/posts/${i}`));
}
axios.all(promises).then(function(results) {
results.forEach(function(response) {
toReturn.push(response.da
浏览 2提问于2017-10-12得票数 0
1回答
我有一个非常简单的项目来测试运行jQuery函数与webpack。然而，我在捆绑步骤中遇到了错误。以下是错误：
ERROR in ./~/jQuery/lib/node-jquery.js
Module not found: Error: Cannot resolve module 'jsdom' in /home/mypc/IdeaProject/OpenDimSum/frontend/node_modules/jQuery/lib
@ ./~/jQuery/lib/node-jquery.js 5:13-29
ERROR in ./~/jQuery/lib/node-j
浏览 0提问于2016-10-14得票数 8
回答已采纳
我设置的唯一与jQuery加载相关的配置是：
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery',
jquery: 'jquery'
})
为了使用它：
declare var jQuery: any;
我不明白webpack是怎么加载jQuery源码的。这对我来说太神奇了。
为了得到它，webpack运行了哪些进程？
我是用npm install jquery安装的，但webpack怎么知道到哪里去取呢？
我不知道我是否解释得这么好。
浏览 0提问于2017-03-20得票数 0
我正在逐步地将Reactjs集成到一个使用HTML5和jQuery构建的web应用程序前端。我的react组件使用全局jQuery对象(用于AJAX和一些动画)，这些对象在加载react组件javascript时可用。
现在，当我尝试用mount()测试这个组件时，它得到了以下错误
ReferenceError: jQuery is not defined
如何使jQuery对象可用于已挂载的组件？
是一个类似的问题，没有答案...
如果需要的话，我愿意更新组件代码。
任何帮助都将不胜感激。
编辑
我的组件的示例代码
import React from 'react';
浏览 2提问于2017-03-02得票数 1
回答已采纳
我有一个jQuery灯箱插件：
我无法实现它的on应用程序。在一个简单的html应用程序中，一切都很好，但在反应中却不起作用。大家能帮我解决这个问题吗？谢谢。
在index.html页面中
<title>My website</title>
<link href="simplelightbox-master/dist/simplelightbox.min.css" rel='stylesheet' type='text/css'>
</head>
<body>
浏览 0提问于2018-07-31得票数 0
回答已采纳
我有一个URL，如：
http://www.something.com/project/edit/987654321
使用解析URL的987654321部分的最佳方法是什么？角内是否有辅助函数？(我宁愿不使用jQuery)
如果我正确理解它，AngularJS中的路由函数将无法工作，除非您在URL中使用#或启用HTML5模式。
当第一次加载页面时，我们需要解析这个URL。
浏览 5提问于2014-02-20得票数 5
回答已采纳
1回答
我开始了解webpack，我正在尝试将它应用到我的ASP.Net项目中，覆盖默认的捆绑实用程序。
然而，即使我成立了webpack和公司。根据一些在线教程，我有点不知道如何正确地将jQuery放到我的包中。
问题是:当试图在chrome工具控制台中调用它时，没有定义“jQuery”。我检查了bundle.js，尽管它提到了一些关于jQuery的内容，但是它的源代码非常短，根本就没有完整的jQuery源代码。
这是我的webpack.config：
var path = require('path');
var webpack = require('webpack'
浏览 3提问于2018-04-12得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
