TypeError: current.play不是React中的函数
这个错误提示意味着在React中，current.play不是一个有效的函数。通常情况下，这个错误是由以下几种情况引起的：
- 错误的引用：确保你正确地引用了需要使用的函数。检查一下是否正确地导入了相关的库或组件，并且确保你正在调用正确的函数。
- 组件生命周期问题：如果你正在尝试在组件的某个生命周期方法中调用current.play，那么可能是因为该方法被调用时，current还没有被正确地初始化。你可以尝试将该函数调用放在组件的其他生命周期方法中，例如componentDidMount。
- 非受控组件问题：如果你正在使用非受控组件，那么可能是因为你没有正确地处理组件的状态。确保你在组件中正确地设置了相关的状态，并且在调用current.play之前，该状态已经被正确地更新。
- 其他问题：如果以上情况都不适用，那么可能是由于其他原因导致的。你可以尝试在调用current.play之前，打印一些相关的变量或状态，以便进一步排查问题。
总结起来，要解决这个错误，你需要仔细检查代码，确保正确地引用了需要使用的函数，并且在调用该函数之前，相关的状态已经被正确地初始化或更新。如果问题仍然存在，可以进一步调试代码或查阅相关文档来获取更多帮助。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我得到了
出现未定义的'__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED‘(未定义的TypeError:无法读取属性TypeError )
当我使用
<script src="res/build/react-min.js"></script>
<script src="res/build/react-dom.min.js"></script>
浏览 1提问于2015-12-14得票数 11
回答已采纳
我正在编写一个简单的ToDo应用程序。
单击TodoItem应该会从状态中删除一个项目，但是当我这样做时，我将得到一个TypeError: this.state is undefined。我不知道是怎么回事。
我的代码如下所示：
- App.js
import React from "react";
import TodoItem from "./components/TodoItem";
class App extends React.Component {
state = {
items: {
item1: { text: "
浏览 0提问于2018-07-22得票数 1
回答已采纳
由于某种原因，我收到错误消息"TypeError：_this2.setState不是一个函数“
在我的代码中：
import React, {useEffect, Component} from 'react';
import {View, Text} from 'react-native';
import firebase from '@react-native-firebase/app';
import auth from '@react-native-firebase/auth';
import firestore
浏览 55提问于2020-05-05得票数 0
回答已采纳
我正在使用React中的上下文API制作一个待办应用程序。在启动开发服务器时，它会抛出错误：
react__WEBPACK_IMPORTED_MODULE____default(...)：TypeError不是函数。
我是一个反应的初学者，不能找出任何可能的原因，这个问题发生。这是我的App.js：
import React, {useReducer} from 'react';
import Container from "reactstrap/lib/Container";
import "bootstrap/dist/css/bootstra
浏览 2提问于2020-04-23得票数 8
回答已采纳
1回答
我需要从带有React的父组件中调用子组件中的函数。
我试图使这个问题适应我的用例，但是我一直在搞错误。
TypeError: childRef.childFunction is not a function
我的父组件如下：
import React, { useRef, useEffect } from 'react';
import Child from './child'
function Parent() {
const parentRef = useRef()
const childRef = useRef()
const
浏览 3提问于2020-06-12得票数 0
回答已采纳
我有一个react类，并且正在从Store调用getData函数
class A extends React.component {
componentDidMount(){
Store.getData(a).then(data =>{
//some data
});
}
render (){
//some data
}
}
Store中的函数是
getData : function (a) {
return (a+b);
}
当我运行时，我得到一个错误
Uncaught TypeError: Store.getData(a).t
浏览 0提问于2016-07-19得票数 0
我在听马西米兰施瓦辛格的反应教程(乌德米)
sudo npm install create-react-app -g
然后：
create-react-app react-complete-guide --scripts-version 1.1.5
一切都很好(毫无疑问，有一些警告)
然后，我将光盘放入文件夹to和npm start中。
--我首先得到了一个错误： sh: react-scripts: command not found
关于这个链接的建议：
我试过：PATH=$PATH:./node_modules/.bin npm start
它可以启动一个浏览器，而且它成功了！！
，但事
浏览 0提问于2019-08-01得票数 1
1回答
沿着Facebook的，我得到了一个错误：
Uncaught TypeError: Property 'CommentList' of object [object Object] is not a function
实际上，react.js自己的有：
Uncaught TypeError: object is not a function
有人能解释一下正确的用法吗？
我在教程中的进步
导入以下两个javascripts：
http://fb.me/react-0.4.1.js http://fb.me/JSXTransformer-0.4.1.js
HTML是一行
浏览 3提问于2013-09-12得票数 7
1回答
当我测试App.js时，出现以下错误：
TypeError: Cannot read property 'createStackNavigator' of undefined
24 | borderBottomWidth:0,
25 | },
> 26 | headerTintColor: '#294c95',
| ^
27 |
浏览 65提问于2019-02-28得票数 0
2回答
我正在使用React中的功能组件，我需要为功能组件中的方法编写单元测试用例。
import React from 'react';
function print(){
console.log('hello');
}
function Welcome(props){
return <h1>{props.name}</h1>;
}
export default Welcome;
在jest和酶中：
test (method print , ()=> {
const container = shallo
浏览 19提问于2020-06-02得票数 0
我在服务器上呈现我的React，但是我得到了这个错误TypeError: match is not a function。我不知道如何修复这个错误或者这个错误意味着什么，因为react路由器文档说是另一个明智的。
var routes = require('./public/src/routes');
var React = require('react');
var renderToString = require('react-dom/server');
var match = require('react-router');
浏览 2提问于2017-02-18得票数 0
回答已采纳
2回答
我想将jquery添加到react组件中，但是我有一个错误：
TypeError：_jquery2.default.ajax不是render TypeError中的函数
我的代码非常简单：
var React = require('React');
import $ from 'jquery';
var Xml = React.createClass({
render: function(){
$.ajax({
url: 'config.xml',
dataType: 'xml&
浏览 7提问于2017-02-16得票数 0
回答已采纳
2回答
尝试从react组件中显示道具。需要显示Tabs的名字来做这个。
import React from 'react'
import { Link, browserHistory } from 'react-router'
import Tabs from '../../components/Tabs/Tabs'
function Revenue ({ children }) {
return (
<div>
<div>
<Tabs items = { ['
浏览 0提问于2017-01-17得票数 2
回答已采纳
我想测试我的item组件，但它包含了isLoading()函数。我在组件中调用此函数以在父(容器)中设置状态。当我试图挂载它时，jest抛出错误TypeError: this.props.isLoading不是一个函数。
//Container.js
import React, { Component } from 'react';
import Item from './Item';
import React, { Component } from 'react';
import Item from './Item';
cla
浏览 0提问于2018-05-10得票数 0
如何正确调用/定义不返回任何内容的外部函数。我做错了什么？
Renderer.purs：
module Renderer where
import Prelude
import Effect (Effect)
foreign import renderMd :: String -> Effect Unit
Renderer.js：
var md = require('markdown-it')();
exports.renderMd = function(str) {
document.body.append( md.render(str) );
}
最后打电话给：
浏览 0提问于2018-10-12得票数 1
回答已采纳
startStop()中的"console.log(this.state.remaining)“显示正确的值。但是，嵌套函数decrement()中的"setState()“抛出错误"TypeError:无法读取未定义的属性'state‘”。怎么了？
import React, { Component } from 'react';
import './App.css';
class App extends Component {
state = {
remaining: 0,
}
startStop() {
浏览 2提问于2021-01-09得票数 1
我的(简化的) React组件如下所示：
import React from 'react';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
export default function MyList(setPanel) {
const handleClick =
浏览 3提问于2021-08-16得票数 1
回答已采纳
2回答
我有以下ReactJS类：
import React from 'react'
export class Content extends React.Component {
static getValue(key) {
return key
}
render() {
let value = this.getValue(this.props.valueKey);
return <span dangerouslySetInnerHTML={{__html: value}} />
}
}
但我有以下错误：
TypeError:
浏览 0提问于2016-02-28得票数 46
回答已采纳
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
2回答
未找到类组件函数
、、
我有个问题，这是一个类组件：
import React from 'react';
import ListToDo from './ListToDo';
export default class TestClass extends React.Component{
state ={
tasks:[]
}
async componentDidMount(){
const response = await fetch('https://nztodo.herokuapp.com/api/tas
浏览 4提问于2020-04-20得票数 0
回答已采纳
我尝试执行下面的应用程序，但收到错误消息"Uncaught TypeError: Cannot read property 'checked' of null“。为什么我会得到一个空状态？为什么我无法读取选中的内容？
if语句中Checkbox.js中的接收错误，即
if (this.state.checked) {
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<
浏览 0提问于2017-10-17得票数 2
我在我的react应用程序中使用了react-query包。我有一个模式，它使用useQuery从带有axios的api中获取数据。除GET search/params终结点外，其他多个终结点均可工作。Axios返回预期的数据，但是一旦在useQuery中完成加载，就会返回undefined。 import React from "react";
import { useQuery } from "react-query";
import { api } from "../../../api";
export const useSearch
浏览 62提问于2021-08-05得票数 1
回答已采纳
TypeError:呈现不是一个函数
updateContextConsumer
D:/Portfolio/react-project/context-hooks/node_modules/react-dom/cjs/react-dom.development.js:18304
我试图解决这个问题，当运行代码时，它将显示TypeError: render不是一个函数。请帮帮我。
这是我的三个文件
App.js
import React from 'react';
import './App.css';
import BookList from './co
浏览 0提问于2020-10-19得票数 0
回答已采纳
当我使用React js时，我注意到一个奇怪的行为。 我使用create- React -app创建了一个React js应用程序。然后，我为我的React js应用程序安装了一个名为youtube-dl的NPM包。然后我把 const youtubedl = require("youtube-dl"); 然后我得到了TypeError: existsSync不是一个函数。 我真的为此搜索了很多，但我找不到React js应用程序的解决方案。有人知道如何解决这个问题吗？提前谢谢。
浏览 8提问于2020-01-15得票数 0
回答已采纳
这是我的第一个反应码。我试图从React中调用Restful web服务。它不停地说：“TypeError: this.setState不是一个函数”。我不知道密码出了什么问题。
<!DOCTYPE html>
<html>
<head>
<title>React Flux</title>
<script src="https://fb.me/react-0.13.3.js"></script>
<script src="ht
浏览 4提问于2016-01-17得票数 3
回答已采纳
如果我试图在函数中调用TypeError(编辑或保存)，我就会得到"TypeError:无法读取未定义的属性' setState‘“。如果我声明一个箭头函数，它可以工作，但我不明白为什么？
import React, { Component } from 'react';
class Note extends Component {
constructor(props) {
super(props);
this.state = {
editing: false
}
}
浏览 5提问于2017-10-31得票数 1
回答已采纳
我在学习反应。
我理解如何在类之间使用react共享方法。
但我想知道它是怎么反应的。从下面的代码中，我想知道它是如何调用handleClick方法的，它是如何将this ( Board )绑定到函数的，所以当在Square类中调用它时，它指向Board类，我们可以设置它的状态属性等等。
在下面的代码中，它向Square类发送一个带有箭头函数的onClick属性，其中包含板类方法handleClick(i)。
调用Square类呈现方法时，this.props.onClick被传递给React按钮元素的onClick属性，内部的方法(HandleClick)被调用。
当我handleClic
浏览 1提问于2020-06-04得票数 1
回答已采纳
我试图用类型记录来编写带有function组件实现的单元测试，但是当模拟某个钩子函数时，我遇到了一个错误。
我的单元测试工具：
import React from 'react';
import { useHistory } from 'react-router-dom';
import { MyComponent } from './index';
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'
浏览 1提问于2021-08-13得票数 2
回答已采纳
我尝试使用react (UseReducer)。我搞错了
TypeError:对象(.)不是一个函数
这里我附加了我的代码和错误截图。
import React, { useReducer } from 'react';
function appReducer(state, action){
switch(action.type){
case 'add':
return [
...state,
{
浏览 2提问于2018-11-21得票数 0
在使用此this.setState更新对象后，我遇到了一个问题。
似乎我的对象在改变状态后被新的对象更新，但随后它返回到一个由render调用的函数，该函数映射我的组件的“视图”。
当返回重新渲染时，似乎映射函数突然变成了未定义。
会发生什么呢？似乎我的组件刚刚丢失了map函数
Error log:
SearchResult.tsx:113 Uncaught TypeError: testStories.map is not a function
at SearchResult.renderStoriesResults (SearchResult.tsx:113)
浏览 1提问于2018-08-25得票数 0
我要得到这个TypeError
TypeError: Cannot read properties of undefined (reading 'files')
却找不到解决办法。我的应用程序正在使用react，我在处理setState钩子时得到了这个错误。
const handleCapImage = (event) => {
setPostImage(event.target.files[0]);
};
在我称之为React元素的地方
<input
type="file"
id="file"
浏览 19提问于2022-10-29得票数 -1
2回答
在React中，我有window.onscroll函数，当向下滚动时，应该激活将setState classAnimation设置为‘that 2’的change函数。
由于某些原因，更改函数没有激活。它给出了TypeError:无法读取未定义属性的“更改”。
我的最终目标是将名为testing2的类添加到state属性中，并在用户向下滚动超过50 to时将屏幕上的文本更改为红色。
帮忙就好了。
APP.JS
import React, { Component } from 'react';
import './App.css';
import Animatio
浏览 0提问于2019-07-29得票数 3
回答已采纳
1回答
我有一个React视图，它与商店通信。我已经成功地分别测试了视图和存储，但没有结合起来。
我跟踪了，但收到了TypeError。看起来Jest正在尝试将商店注册为一个组件，即使我使用了dontMock。
Using Jest CLI v0.2.0
PASS __tests__/unit/spec/stores/ViewStore-spec.js (0.248s)
FAIL __tests__/unit/spec/components/View-spec.react.js (0.942s)
undefined
● View › it defaults to zero unread
-
浏览 1提问于2014-12-05得票数 4
回答已采纳
1回答
我在react方面是新的，我试着读取火基记录，但是它看起来像是rowHasChanged方法中的错误；
typeerror: undefined不是构造函数(计算'new_raeactaive.FlatList.DataSoruce ({rowHasChanged:函数rowHasChanged( r1，r2) {返回r1！==r2；}])]
import _ from 'lodash';
import React, {
Component
} from 'react';
import {
View,
FlatList
} from &#
浏览 4提问于2020-05-18得票数 0
回答已采纳
当我使用反应性路由器-dom 6的路由时，我会看到两个不同的错误：
TypeError:无法构造“未定义”或“null”的属性“路径名”
C:/Users/FAMILIA/Desktop/packages/react-router/index.tsx:281 : TypeError:无法读取未定义的属性(读取“路径名”)，并从react路由器的文件中显示以下代码:TypeError
设{ pathname = "/"，search = ""，散列= ""，state = null，
我尝试过的:再次安装，将历史依赖项更新到
浏览 9提问于2021-11-07得票数 1
1回答
我正在构建一个搜索引擎(和React.js)，在那里我可以使用他们的API查找GIPHY。我是React.js新手，我在正确处理这个代码时遇到了一些困难。
import React from 'react'; //react library
import ReactDOM from 'react-dom'; //react DOM - to manipulate elements
import './index.css';
import SearchBar from './components/Search';
import Gi
浏览 0提问于2018-02-05得票数 2
回答已采纳
1回答
按承诺获取构造函数变量
、、、
我无法使用javascript和react在获取调用中获得构造函数变量。我希望this.state.numXLabels的值在.then(函数(Json)回调中)，但是我得到了TypeError:无法读取未定义(…)的属性‘状态’。怎样才是正确的方法呢？以下是相关代码：
TypeError:无法读取未定义(…)的属性“状态”
import React, { Component } from 'react'
class StockGraph extends Component {
constructor(props) {
super(props);
this.s
浏览 4提问于2016-04-23得票数 2
回答已采纳
所以我创建了一个新的React项目 npx create-react-app 我添加了 yarn add ipfs 我将其添加到React项目中。 ...
const createClient = require("ipfs");
function App() {
... 我得到了一个错误 TypeError: TextDecoder is not a constructor 我认为这与Webpack有关，也可能与JEST的配置方式有关。关于它是为浏览器设置的。
浏览 45提问于2021-04-10得票数 0
我一直收到以下错误：
TypeError: this.props.onDelete不是一个函数
对于render()中的函数，我有.bind( this )，但是这个错误似乎一直在发生，我不知道为什么。以下是相关代码：
App.js
import React, {Component} from 'react';
import Todos from './Components/Todos';
class App extends Component {
deleteTodo(id) {
let todos = this.state.tod
浏览 0提问于2018-07-09得票数 1
1回答
我目前正试图在我的node.js + express构建中实现一个同构的react组件。但是，当我尝试将上述组件包含到我的jade模板中以呈现它时，我会得到以下错误：TypeError:无法添加属性上下文，对象是不可扩展的
这是我的路线文件：
var express = require('express');
var router = express.Router();
var React = require('react/addons'),
ReactApp = React.createFactory(require('../../react/
浏览 2提问于2015-07-03得票数 3
回答已采纳
4回答
我试图在render函数中立即打印我的输入值。
在React组件中的文档中，我看到了constructor与super(props)以及this.state的使用。
当我尝试相同的时候，我会得到下面的错误；
未定义TypeError:无法读取未定义属性的“状态”
下面是我的代码；
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
text: ''
};
};
handleChange(event) {
浏览 0提问于2016-10-24得票数 1
回答已采纳
我正在尝试创建一个自动生成的表，其中包含可以单击的行。当用户单击该行时，会触发一个更改事件处理程序，将该行中单击的数据复制到选定项的另一个表中。
该列表生成良好，但当我单击该行时，将引发错误：TypeError: that.state.orderlist.map不是函数
下面是react组件代码：
import React from 'react';
import {Table} from 'react-bootstrap';
class OrderTable extends React.Component {
render(){
let that
浏览 1提问于2017-10-08得票数 0
我正在试着用React Native做一个简单的问答测验。也就是说，我希望将问题和答案都存储在一个对象中。 目前，我遇到了以下代码方面的问题： import React, { useState, useEffect } from 'react'
import {
StyleSheet,
Button,
View,
Text,
TextInput,
TouchableOpacity
} from 'react-native' const Test = () => {
const[card, setValu
浏览 19提问于2021-07-07得票数 0
我正在将一些数据(3份文件)保存到状态。
当我试图在我的react应用程序中映射一个数组时，我收到了“未定义的TypeError:无法读取属性”错误的属性“文档”。
有人能看到我哪里出错了吗?3项应该映射到渲染函数中。
export default class Kim extends React.Component<IKimProps, IKimState> {
public constructor(props) {
super(props);
this.state = {
documents: []
}
//SPComp
浏览 0提问于2019-11-20得票数 0
回答已采纳
我正在尝试在react-data-grid中实现DnD功能，但我得到的是"TypeError: Object(...) is not a function" Error。 在TypeSript中有一个与我在沙箱中提供的文件相同的文件(它仅供参考)。我正在尝试实现React中的功能，但在将TS代码转换为React代码时出现了一些错误。我使用的是react-data-grid ^7.0.0-canary.33。 <DndProvider backend={HTML5Backend}>
浏览 38提问于2021-01-08得票数 1
回答已采纳
我面临的问题是，我无法在外部库的方法回调中调用this.setState，也无法绑定到该方法。
我正在使用一个名为html2canvas的库，我需要访问我使用的方法之一的类的状态。
这是我的班级：
class Test extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
html2canvas(document.getElementById("target"), {
onrendered: function (ca
浏览 2提问于2019-06-26得票数 0
回答已采纳
我试图使用axios从api ()中获取数据，并在我的react应用程序中显示。在此之前，我使用javascript中的fetch方法从API获取数据。现在，我已经尝试从各种资源中编写这个代码。我该怎么做。这是正确的方法吗？
我的app.js文件-
import React, { Component } from 'react';
import './App.css';
import axios from 'axios';
class App extends Component {
constructor(props) {
sup
浏览 1提问于2017-08-23得票数 1
回答已采纳
2回答
我试图为我的React.Component类中定义的方法编写一个jest测试。
class Math extends React.Component {
constructor(props) {
super(props);
}
sum(a, b){
return a+b;
}
export default Math;
在我的Jest档案里，我这样做：
import { Math } from './Math'
describe('Math', () => {
it('should add correctly', () =
浏览 1提问于2019-01-19得票数 0
回答已采纳
我有一个API类，我试图在一个React应用程序中使用它。
// API file
class API {
...
}
export default API;
// Other file
import API from "utils/API";
const api = new API();
我发现了一个错误：
TypeError: _API.default is not a constructor
但是..。好像我的默认设置好了？
我的Jest设置如下：
"jest": {
"setupFiles": [
"
浏览 43提问于2022-04-15得票数 1
回答已采纳
3回答
嘿，我有一个使用FabricJS的react项目。在大约2-3周的时间里，我收到以下错误："FabricCan.js:31未捕获TypeError：_fabric2.default.Canvas不是一个构造函数“
但是几周前，下面的代码运行得很好。
import React from 'react';
import fabric from 'fabric';
..。
render: function(){
var can = new fabric.Canvas("test");
return(
<canvas
浏览 1提问于2016-10-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
