如何在React中解析"sourceSelector不是一个函数“？
在React中解析"sourceSelector不是一个函数"的问题通常是由于以下几种情况引起的：
- 错误的引入或使用：首先，确保你正确地引入了所需的模块或组件。检查你的代码中是否正确导入了sourceSelector，并且确保你在使用它之前对其进行了实例化或初始化。
- 函数命名错误：检查你的代码中是否存在拼写错误或者函数名错误。确保你正确地命名了sourceSelector函数，并且在使用它时没有出现任何拼写错误。
- 作用域问题：如果你在React组件中使用sourceSelector函数，确保它在正确的作用域内。如果sourceSelector是一个组件的方法，你需要使用this.sourceSelector来引用它。
- 传递参数错误：如果sourceSelector函数需要参数，确保你正确地传递了所需的参数。检查你的代码中是否正确地传递了参数，并且参数的类型和数量与函数定义相匹配。
如果你仔细检查了以上几个方面仍然无法解决问题，可以尝试以下方法：
- 检查React版本：确保你使用的React版本与你的代码兼容。有时候，某些函数在不同的React版本中可能会有所不同。
- 检查依赖项：检查你的项目中是否存在冲突的依赖项或版本不一致的问题。有时候，不兼容的依赖项可能会导致一些奇怪的错误。
- 调试代码：使用浏览器的开发者工具或React开发者工具来调试你的代码。检查是否有其他错误或警告信息，以及它们的来源。
总结起来，解决"sourceSelector不是一个函数"的问题需要仔细检查代码中的引入、命名、作用域、参数传递等方面，并且确保React版本和依赖项的兼容性。如果问题仍然存在，可以尝试使用调试工具来进一步分析和解决问题。
相关·内容
我正在学习react-query，我遇到了一些问题。我想使用通过useQuery获取数据所获得的useQuery，但我将data作为undefined。这是我的代码：
import React from "react";
import { useQuery } from "react-query";
import { fetchData } from "./providesData";
const Home = () => {
const {data} = useQuery("fetchData", fetchData,
浏览 4提问于2021-06-27得票数 11
回答已采纳
1回答
我正在做一个Qt项目，我对一个QtDesign问题很感兴趣。
我现在有一个4x4网格，就像这样：
左上方(TL)：SourceSelector
右上角(TR)：groupBox_vizualization
左下角(BL)：groupBox_filtrage
右下角(BR)：groupBox_spectre
当我选择SourceSelector中的一个小部件时，我希望stackWidget_source具有100%的宽度。目前，当我选择这个小部件时，我将"vizualisation“小部件的宽度设置为0，并将其隐藏。我希望SourceSelector只在
浏览 0提问于2017-01-31得票数 0
回答已采纳
1回答
我试图使我的汉堡包菜单与反应卷轴工作。它的工作原理是应该的，但是当我单击链接时，菜单不会消失。我试了下，但这使它更糟。
import React from 'react';
// import nav data
import { navData } from '../data';
// import components
import Socials from './Socials';
import { Link} from "react-scroll";
import { useState } from 'react&#
浏览 7提问于2022-10-31得票数 0
如何在react中全局设置时区？有可能吗？我知道javascript的新Date()实际上给出了系统的时区。但我想在react应用程序的一个文件中设置时区，并重新使用它。当我更改时间时，时间也会根据特定的时区进行更改。提前谢谢。
浏览 30提问于2021-05-27得票数 0
5回答
我目前正在阅读React官方网站，在那里我遇到了这个问题。反应官方网站声明，我们可以使用功能代码内的JSX。因此，我尝试了下面的代码，但它不起作用。
类ABCD扩展React.Component {
render() {
return (
<div>
<p>
{() => <div>Hello World </div>}
</p>
</div>
);
}
}
我知道，我知道，你们中的一些人可
浏览 2提问于2018-01-25得票数 4
回答已采纳
我对react和它生成javascript的方式都很陌生。
在react端，我有一个使用数据对象UserData的Utility类，组织如下：
UserDataObj.js
class UserData{
this.someobj = {};
//some function here
something(){
}
}
const UserDataObj = new UserData();
export {UserDataObj};
Utility.js
import {UserDataObj} from './data/UserDataObj';
class
浏览 10提问于2020-05-15得票数 2
回答已采纳
我有以下代码：
import {initConnection,IapIosSk2, setup} from "react-native-iap"
async nativeTest() : Promise<ProductStatus[]>{
try {
let stat: Promise<ProductStatus[]> = await (IapIosSk2).subscriptionStatus('sku')
setup({storekitMode:'ST
浏览 3提问于2022-11-28得票数 0
回答已采纳
我正在尝试使用React在Apollo Client中进行查询，而不是返回一个JSX组件，只返回一个对象(对Apollo Server进行普通查询时收到的data对象)。 我尝试使用<Query />组件，但它返回一个React节点，而我只需要一个对象。文档只解释了在某个时刻返回JSX组件的方法，而我所要做的就是发送一个请求并在回调中处理响应。 实际上我正在尝试这种方式(我在React中使用TypeScript )： import React from 'react';
import { withApollo } from 'react-apollo
浏览 10提问于2019-02-11得票数 5
在下面的示例中，index.js调用组件DiffState.js，该组件应该等待2秒(以模拟异步操作)，然后返回一个表示"hello“的H1元素。
index.js
import React, { lazy, Suspense } from "react";
import ReactDOM from "react-dom";
const DiffState = lazy(() => import("./DiffState"));
ReactDOM.render(
<Suspense fallback={<h1&g
浏览 5提问于2021-01-30得票数 0
回答已采纳
您好，这是我第一次在stackoverflow上发布问题，如果您需要更多信息，请随时询问。 我目前正在做一个React/Typescript项目。 因此，我有一个字符串，其中我只希望将特定的子字符串包装在span元素中，因为我将应用斜体字体样式(由于某种原因，或者不起作用)。然后将其转换为react元素。例如，我将有一个很长的字符串，我只想将子字符串'dog‘包装在一个span中。所以它看起来像这样： I want a <span class="italicize-text">dog</span> really bad. 我目前有一个函数，它将
浏览 38提问于2020-11-28得票数 0
3回答
我想在生产中使用来自CDN的react.min.js (例如)
让Webpack将我的import React from 'react'语句转换为const React = window.React而不是将node_modules/react构建到包中的最佳方法是什么？
我一直在用resolve.alias做这样的事情：
在index.html中
<head>
<script type="text/javascript" src="https://unpkg.com/react@15.3.1/dist/react.min.js
浏览 9提问于2015-07-22得票数 55
回答已采纳
我已经多次检查了这个设置的细节，它曾经工作过，现在出现了一个错误……
ERROR in ./src/index.js
Module parse failed: /Users/Jeff/javascript/testbuildwords/src/index.js Unexpected token (5:11)
You may need an appropriate loader to handle this file type.
| class MyComponent extends React.Component {
| render() {
| return <div>
浏览 2提问于2017-10-11得票数 0
我已经创建了一个函数，它接受一个组件并返回该组件的样式组件。
import styled from 'styled-components';
const withStyled = (Component, styles) => {
const StyledComponent = styled(Component)`
${styles}
`;
return StyledComponent;
};
export default withStyled;
我使用这个withStyled函数如下所示
import cx from 'classname
浏览 11提问于2022-08-31得票数 1
我现在正在通过，但是我有自己的想法。在NextJS示例中，自定义组件名为" Date“(/components/date.js)，但在处理过程中没有使用内置的Date()对象，因此日期组件名称没有与任何东西发生冲突.对文件来说是独一无二的。
然而，在我的例子中，我的组件被称为“日期”，就像在教程中一样.但是我也希望在处理过程中在同一个文件中使用JS内置的“日期对象”(所以我有两个日期)。当我现在做“新日期()”尝试调用内置日期对象时.组件函数正在被调用，因此它会抛出错误。
，我知道我可以简单地把我的约会对象重新命名为PublishedDate并引用"“，然后它就能正常工作了.
浏览 20提问于2022-10-08得票数 1
回答已采纳
任何一个能帮助得到这个问题的解决方案，对于页面导航我使用的反应-水平滚动-菜单。在reactjs应用程序中。我只是想给页面导航，我应该给导航，请告诉我。此代码由链接提供。
import React, { Component } from 'react';
import ScrollMenu from 'react-horizontal-scrolling-menu';
import './App.css';
// list of items
const list = [
{ name:
浏览 0提问于2020-02-25得票数 0
回答已采纳
我想向onChange事件添加两个作为props传入的函数。handleInput是一个在更改时设置值的函数，validate是一个验证输入的函数。 我一直在看这些帖子，但他们的答案都不起作用：How to pass two functions to onClick event in react和call two functions within onchange event in react const FormFields = (props) => {
const { values, handleInput, validate } =
props;
// C
浏览 23提问于2021-07-30得票数 1
回答已采纳
我使用作为入门模板，使用firebase构建react原生应用程序。
我正在使用Home.js中的以下文件，我想做一些事情，但遇到了一些问题。
获取输入域的值-我试图在这个文件中执行构造函数(Props)来获取输入域的内容，但是当我尝试这样做的时候总是得到一个错误。
传递用户数据-我正在尝试获取已登录用户的详细信息。目前，我正在使用firebase.checkUserAuth；如何使用'this.state.user‘保存'user’内容的数据。当我尝试这样做的时候，我总是遇到错误。
import React, {useEffect } from "react&
浏览 1提问于2020-05-26得票数 0
回答已采纳
1回答
当我为我的StreamItem.js react组件运行测试脚本时，我收到以下命令行错误：
StreamItem › encountered a declaration exception
TypeError: Cannot read property 'profile_image_url' of undefined
at StreamItem.tweetOrRetweetProfileImageSetter.tweet [as tweetOrRetweetProfileImageSetter] (src/components/StreamItem.js:7:135)
浏览 1提问于2018-05-07得票数 0
回答已采纳
我想在index.html中加载，onLoad='someMethod'将调用一个单独的javascript文件中的方法。然后，该方法将打印到控制台。
加载客户端库没有任何问题，但是消息没有从控制台打印出来，我认为这是因为根本没有调用该方法。
这是我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome</title>
<
浏览 20提问于2016-05-07得票数 24
回答已采纳
1回答
基于@michael-jungo的反馈，我在这里重写了这个问题：
我用的是Laravel5.2，我想用的是，。
@import "~bourbon/app/assets/stylesheets/bourbon";
因此，我明白，我需要使用webpack，而不是褐变在灵丹妙药。Laravel5.2没有提供灵丹妙药版本6，这是webpack支持的地方。我不能升级到laravel > 5.3，因为我不能轻松地在生产服务器上升级我的php版本。所以我试着让长生不老6和Laravel5.2一起工作，这样我就可以使用webpack并设置这个别名，这样我就可以使用蓝图了。
我的错误
浏览 2提问于2017-03-04得票数 1
我有子组件：
import * as React from "react";
import {Component} from "react";
import {connect} from "react-redux";
class Child extends Component<any, any> {
childFunction = () => {
console.log('childFunction');
};
render() {
return &l
浏览 16提问于2019-07-13得票数 0
1回答
在我的应用程序中，我使用React阿波罗来管理本地状态，并试图运行对我的状态的查询，但是按照它们的传递一个变量
这是我的设置：
默认状态
const defaults {
myItems: [
{
__typename: 'Item',
itemId: '1'
},
{
__typename: 'Item',
itemId: '2'
}
]
}
我的组件
import React, { PureComponent } from 'rea
浏览 3提问于2020-03-22得票数 0
1回答
我有一个函数，它获取一组字符和图像。
const displayCharacters = async () => {
if(filteredCharacters !== 'default'){
const a = filteredCharacters.map(e => e.name);
const options = {
method: "POST",
headers: { "Content-Type": "ap
浏览 0提问于2020-02-15得票数 0
回答已采纳
我使用的是Angular 2，而且是个新手。我想调用一个小函数来点击按钮。所以我试着这样做(也许bcos我来自React背景)：
<button class="btn btn-primary" (click)="(() => { console.log('hi') })()">
Click Me
</button>
我对(click)属性使用了一个生命周期。但它并没有起作用。为什么它不工作，有没有其他方法声明一个匿名函数并在单击按钮时调用它？
我实际上想要做的是像这样赋值：(val) => { value
浏览 0提问于2017-11-23得票数 9
回答已采纳
2回答
我的任务是在/上打开Main products，在/misc上打开具有相同布局(页眉和页脚)的Misc products，在/about上打开没有布局的About
import React from 'react';
import {render} from 'react-dom';
import {BrowserRouter as Router, Route, Switch, Link, Redirect} from 'react-router-dom'
const About = () => "About";
con
浏览 12提问于2018-08-19得票数 1
回答已采纳
我想调用子组件的函数。
有没有可能在React中从this.props.children获取引用？
var ComponentSection = React.createClass({
componentDidMount: function() {
// How to access refs in this.props.children ?
this.refs.inner.refs.specificPanel.resize();
},
render: function () {
return (
<d
浏览 1提问于2016-01-08得票数 8
回答已采纳
1回答
我有一个来自服务器(utc)的时间戳。现在我想将这个时间戳转换为我的本地时间。
世界协调时的转变：
2016-08-11 12:19:14
到当地时间：
2016-08-11 14:19:14
这就是我所用的：
localizeTime = function (timeToLocalize = "2016-08-11 12:19:14") {
return moment(timeToLocalize).locale(deviceLocale = "de").format('LLL');
};
我正在使用react本地的和moment.js
浏览 1提问于2016-08-11得票数 5
回答已采纳
为什么data在Promise中没有定义，尽管它出现在下面的html中？ 我不想使用.then((data) => const LoginPage: React.SFC<{}> = () => {
const [login, { loading, data, error }] = useMutation<Q, V>(MUTATION)
const onSubmit = event => {
event.preventDefault()
login({
variables: {
浏览 40提问于2019-09-15得票数 3
我是Next.js的新手，来自一个快速/创建-反应-应用背景，我不知道Next.js是如何工作的。
使用高速公路上的SSR，我们将单击一个链接，服务器将发送相应的ejs/pug/html页面，以匹配新的路由。如预期的那样，客户端上的状态丢失了。
但是对于Next.js，客户端的状态保持不变，这不是我所期望的SSR的行为方式。也许带有Next的SSR更类似于为数据获取api，就像我在下面想象的那样？
用户访问需要SSR的新页面。
NextJs调用getServerSideProps来获取一些数据(从api/db)，并为页面组件填充props。
客户端的页面组件检测新的props并更新
浏览 1提问于2021-10-29得票数 2
在Resive0.13之后，我们可以使用ES6类来创建像上面这样的React组件：
class A extends React.Component {
// ...
}
但是，如果我偶尔忘记键入extends React.Component，组件A仍然对我很好，只要我不使用this.setState()这样的简单方法。
我开始认为从React.Component扩展一个React组件是必要的。
在像通量或Redux这样的体系结构中，有智能的function组件和哑function的components.Smart组件连接到数据存储，而哑的只接收父母和呈现者的道具，我已经知道在functio
浏览 2提问于2015-10-06得票数 1
回答已采纳
1回答
如何解析某些数据？
、、、
我试图对从React.js环境中的API查询中获得的数组值进行一些操作。然而，这些数组值是存储为"strings"的数字，例如"1.02011"。我现在试图取这个值的逆值，因为我希望用它做一些额外的棘手的事情。
所以，我有：var usdgbp = parseFloat({this.state.quotes ? this.state.quotes.USDGBP : null});
{this.state.quotes ? this.state.quotes.USDGBP : null}在code...so的其他地方工作得很好，我在想，从这种性质/类型的字符串中以
浏览 9提问于2016-11-19得票数 1
回答已采纳
3回答
我使用react-markdown (转义)从JSON文件加载markdown。
我利用CloudFront上的静态站点交付来削减成本，并消除服务器上的运营成本。
目前，所有帖子都被编译成一个posts.json文件，由基于react的静态站点中的react-markdown读取。
除了可能将其分块到多个文件中以防止需要下载大型json文件之外，这种方法是否存在任何类型的问题？
这是个坏主意吗？
编辑；react-snap被用来“预编译”或其他术语。然而，我不确定这是否对加载到页面上的json做了什么，例如，如果它在build中作为普通HTML得到输出。将不得不确认。
浏览 0提问于2020-08-06得票数 2
2回答
我正在做一个Nodejs项目，这是以前完成的。现在，我想检查返回的数据是否使用JSON？如果没有，我如何转换它。基本上，我试图修改Nodejs中的搜索结果，并在React客户机中调用节点api。FYI，这个项目处理庞大的数据集。
提前谢谢你的帮助。
浏览 7提问于2022-01-25得票数 -1
1回答
我刚接触reactjs，当我在react网站上连接钱包后，我很难分享我从区块链网络中获得的价值。事实上，它在连接之后加载了另一个组件，我希望将我从连接的组件中获得的值添加到新组件中。
你可以看看这里，navbar.js中的连接组件，在这里我需要将wallet发送到我在page2.js中的第二个组件：
import { useEffect, useState } from 'react';
import { useHistory } from "react-router-dom";
import { Container, Image, Navbar, Nav }
浏览 4提问于2021-09-30得票数 1
1回答
我使用从Github 中提取文件。它运行得很好，但是我在中添加了一些文件，并且我无法将新的文件拖到我的盖茨比项目中。
如果我在http://localhost:8000/___graphql中运行这个查询
query MyQuery {
allMarkdownRemark {
edges {
node {
frontmatter {
title
}
fileAbsolutePath
}
}
}
}
我得到了这个结果：
{
"data": {
"
浏览 1提问于2020-05-29得票数 0
回答已采纳
3回答
我正在使用React 和Jest来测试我的React/Redux应用程序。
我想在多个测试中测试相同的组件，而不是在每个实例之间共享组件的状态。
就像这样..。
import React from "react";
import {renderWithRedux} from '../testUtils';
import App from "../components/App";
describe("App", () => {
test("does something as expected", a
浏览 0提问于2019-12-09得票数 2
我正在创建一个react/redux/firestore应用程序，我知道react是一个前端库，而firestore是一个后端的nosql数据库，但是如何在其中添加一个“服务器”呢？
例如，如果我想对一堆我的消防站数据进行查询，以在大量记录中找到一个项目的平均价格，然后使用这些信息来运行计算量优化，我将如何在我的应用程序中这样做呢？我应该使用服务器吗？如果是的话，什么和怎么做？我应该只使用云函数吗？
因为从理论上讲，我只需要制作一个react/redux/firestore应用程序，在这个应用程序中，所有的计算都是在我的react前端函数中完成的，数据是从防火墙中提取出来的，但我认为这不是最好
浏览 0提问于2018-09-20得票数 0
回答已采纳
1回答
我正试图在React.js中开发一个简单的表。我从一个网站上看到了这段代码，但我无法理解它到底做了什么。
var React = __webpack_require__(2);
var GridTable = __webpack_require__(5);
var GridFilter = __webpack_require__(6);
var GridPagination = __webpack_require__(7);
var GridSettings = __webpack_require__(8);
var GridNoData = __webpack_require__(9);
v
浏览 3提问于2015-03-02得票数 0
回答已采纳
我是react的新手，我只想知道如何使用react js将nav-pills设置为活动状态我正在使用bootstrap和react js。
为此，我已经尝试过setState
我没有得到结果
浏览 1提问于2019-05-11得票数 0
我们正在尝试将一个定义文件包含在依赖于React的npm包中。
图书馆是。
在自定义d.ts文件中提供TypeScript项目中的以下定义很好：
declare module "react-masonry-component" {
import React = __React;
interface MasonryPropTypes {
disableImagesLoaded: boolean;
options: Object;
className: string;
elementType: string
}
export va
浏览 1提问于2016-07-02得票数 1
我有一些问题，几个小时都想不出来。 以下是内容： 我正在使用react和react路由器。我有一个有自己的路由的组件，比如/about 在这个组件中，我需要将一些第三方javascript文件从一些服务中获取，一些iframe放到我的页面上。 这个服务告诉我，添加他们的脚本并使用特定的id呈现一些div 我将此脚本放入componentDidMount方法中的组件中，如下所示： componentDidMount() {
var loadScript = function(src) {
var tag = document.createElement("script
浏览 52提问于2019-08-29得票数 1
我有一个用于更改react组件状态的函数，但我试图在另一个文件中传递该函数。我得到的错误是我试图传递的函数(changeView)没有定义。
这是App.js
export default class App extends Component {
constructor() {
super();
this.state = {
language: "english",
render: ''
}
}
changeView(view, e){
console.log(view);
this.
浏览 8提问于2018-08-17得票数 1
我使用的是React 17，我想提交一个获取请求并解析在发生400时返回的错误JSON。我有这个密码
fetch(REACT_APP_PROXY + "/save_to_sheet_from_form/", {
method: "post",
headers: {
"Content-Type": "application/json",
},
body: formData,
})
.then((response) => {
if (response.ok) {
return re
浏览 1提问于2021-07-03得票数 1
回答已采纳
我有一个客户端渲染反应应用程序。我想在我的页面上显示一个facebook发送按钮。
在开发人员页面上给出的说明没有告诉我如何去做。
此外，我没有找到一个npm兼容的软件包发布facebook为他们的SDK。那么，如何将SDK包含在react应用程序中呢？
编辑:我尝试在react中使用一些异步加载程序。
import React, { Component } from 'react';
import scriptLoader from 'react-async-script-loader';
@scriptLoader(
'https://con
浏览 1提问于2016-03-15得票数 6
回答已采纳
2回答
我正在尝试阻止图像在状态改变时重新加载。下面的图像变量被传递到自定义react组件的属性中。
var img = new Image()；我已经设置了src、title、desc等。
所以我的问题是。在自定义react组件中，如何获取图像对象(现在是标题为img的道具)并将其显示在渲染函数中？
我已经试过了
render: function(){
return <div>{this.props.img}</div>
}
但我一直收到一个DOM元素不是React组件的有效子级的错误。
浏览 3提问于2016-02-27得票数 19
回答已采纳
我想在react应用程序中使用rtl布局。我已经使用material-ui下一个版本来集成这个应用程序。我已经使用了下面的代码来制作应用程序布局rtl。有些组件在rtl布局中工作正常，但有些组件不受影响。
/**
* App.js Layout Start Here
*/
import React, { Component } from 'react';
import { connect } from 'react-redux';
import classnames from 'classnames';
import { MuiThemePr
浏览 1提问于2018-04-19得票数 4
背景
我用的是react，babel，webpack4和es6(或者es7)
我有一些模块可以被多个react项目重用。出于这个原因，我创建了一个“标准”文件夹，其中包含这些模块，以便将它们与任何特定的项目分开。
问题
在我的react项目中，我编辑了我的webpack.config.js以包含
resolve: {
extensions: ['.css', '.js', '.jsx'],
alias: {
Standard: '/Path/To/Standard',
}
}
然后从其中
浏览 0提问于2019-07-29得票数 1
你好，我有这个类，当我从react中的另一个组件调用Auth.isAuthenticated()时，它总是返回false (它是默认值)，即使服务器返回200响应，它也会设置this.authenticated = true。如何使用promises让方法等待，直到fetch调用完成，然后返回结果
编辑:我需要返回布尔值真或假，所以在此基础上，我可以显示或隐藏的组成部分，所有的答案都是有帮助的，但我需要一个布尔值不是一个承诺任何帮助请
class Auth {
constructor() {
this.authenticated = false;
}
浏览 42提问于2019-03-29得票数 3
回答已采纳
我在React中查询Firestore文档中的特定字段，但似乎无法将值本身捕获为字符串。每次我console.log时，我都会得到一个promise，但我不确定如何分离从该promise返回的字符串。代码和数据库如下。 import React from 'react';
import styled from 'styled-components';
import { firestore } from '../../firebase/firebase.utils';
const name = firestore.collection('
浏览 8提问于2020-06-25得票数 0
我完全是django/react的新手，我正在尝试通过创建一个战舰游戏来学习。我已经用React编写了一些前端，但我想通过django将游戏状态存储在我的数据库中，这样两个玩家就可以共享了。我的state对象有两个属性:一个表示板状态和历史记录的数组数组对象，以及一个如下所示的Ship对象数组。 class Game extends React.Component {
constructor(props) {
super(props);
this.state = {
history: [{ squares: Array(9).f
浏览 17提问于2019-09-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
