我需要从带有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
沿着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是一行
我在服务器上呈现我的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');
我的(简化的) 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 =
在使用此this.setState更新对象后,我遇到了一个问题。
似乎我的对象在改变状态后被新的对象更新,但随后它返回到一个由render调用的函数,该函数映射我的组件的“视图”。
当返回重新渲染时,似乎映射函数突然变成了未定义。
会发生什么呢?似乎我的组件刚刚丢失了map函数
Error log:
SearchResult.tsx:113 Uncaught TypeError: testStories.map is not a function
at SearchResult.renderStoriesResults (SearchResult.tsx:113)
我有一个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
-
我正在构建一个搜索引擎(和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
我一直收到以下错误:
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
我正在尝试创建一个自动生成的表,其中包含可以单击的行。当用户单击该行时,会触发一个更改事件处理程序,将该行中单击的数据复制到选定项的另一个表中。
该列表生成良好,但当我单击该行时,将引发错误:TypeError: that.state.orderlist.map不是函数
下面是react组件代码:
import React from 'react';
import {Table} from 'react-bootstrap';
class OrderTable extends React.Component {
render(){
let that
我正在尝试在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}>
我面临的问题是,我无法在外部库的方法回调中调用this.setState,也无法绑定到该方法。
我正在使用一个名为html2canvas的库,我需要访问我使用的方法之一的类的状态。
这是我的班级:
class Test extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
html2canvas(document.getElementById("target"), {
onrendered: function (ca
我有一个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": [
"