我和mobx有个问题。事实上,我有一个简单的聊天室,它使用我自己定义的WebSocketService。虽然这个服务用我的API抽象交换,但是聊天本身处理消息的存储。
main.tsx (入口点)
import React from 'react';
import ReactDOM from 'react-dom';
import {App} from './app';
import {createBrowserHistory} from 'history';
import {createStores} from "app
我已经用create-react-app构建了一个应用程序,虽然在开发过程中一切都很好,但是一旦我运行了npm run build并使用生产构建文件启动了应用程序,我就会得到:
react-dom.production.min.js:156 Uncaught TypeError: Cannot read property 'length' of undefined
at ri (react-dom.production.min.js:156)
at gi (react-dom.production.min.js:167)
at Object.Oi [as
我试图从getDefaultProps中访问一个混合函数,但是我得到了undefined is not a function。基本上,我使用的是react-intl,我的列的默认标签应该被翻译。为什么我不能从getDefaultProps内部访问mixin中定义的函数?
var React = require('react');
var ReactIntl = require('react-intl');
var IntlMixin = ReactIntl.IntlMixin;
var Index = React.createClass({
mixins
我正在尝试使用context来处理应用程序中的部分身份验证。我遇到了问题,因为我试图在我的useContext之外调用Context.Provider,所以我将逻辑转移到提供程序的子组件中。
现在,我收到了一个错误消息TypeError: Object is not iterable (cannot read property Symbol(Symbol.iterator)),其中我在子组件中调用useContext。从上下文或其他方面获取值真的有问题吗?
在app.js中
import AuthContextProvider from "./components/context/au
在我的一个组件(Source.jsx)中有一个返回数组的方法。我想在我的所有其他组件中访问这个数组(比如Article.jsx,它不一定是Source的子组件)。这个是可能的吗?
//Soure.jsx
export default class Source extends React.Component {
//Returns an array which I want to use in Article.jsx
getCategories() {
let sourceCategories = this.fetchAllCategories();
let sort
我试图将const选项的值传递给组件。我做得对吗?当我试图读取子组件中的道具时,我只会得到“未定义”的value=。我只是尝试将options.value传递给FetchRandomBet,以便在子组件中使用options.value。
import React, { Component } from 'react';
import Select from 'react-select';
import Button from '@material-ui/core/Button';
import FetchRandomBet from ".
在上一篇文章中,我曾帮助它在node.js中工作,以此作为将本地图像转换为二进制缓冲区数组的概念的证明,但意识到我无法使用fs来完成本地图像文件转换的时间太晚了。我尝试过使用FileReader()作为一个工作,没有任何运气。我尝试过的一切都会导致下面的错误消息。
Failed to execute 'readAs*******' on 'FileReader': parameter 1 is not of type 'Blob'.
尽管文档说它可以接收一个文件或一个blob,但我在试图操作一个文件时会遇到这个错误。
这是我的源代码。
impo
我是一个反应初学者,有这个小问题,我无法解决我的头。
我成功地从Firestore中检索数据并更新状态items。当我记录item[1]时,它返回了带有预期属性id、name、description的对象,但是当尝试item[1].id时,它给了无法读取未定义的错误的属性'id‘的信息。
你能给我一点提示一下这里可能有什么问题吗?
这就是我的代码
import React, { useState, useEffect, useCallback } from 'react';
import db from '../../../firestore';
co
我在一个类组件中玩useContext。我创建了一个简单的react (nextjs)应用程序,其中有一个按钮,它在上下文中调用函数,更新状态,从而重新呈现主组件。
import { useContext } from "react";
import { UserContext } from "../provider/TestProvider";
export default function Home() {
let [contex] = useContext(UserContext);
// Without the destructurin
因此,我试图用react制作一个待办事项应用程序,我只是尝试使用上下文,而我一直没有定义它是不可迭代的:
这是Main/index.js:
import React,{useContext} from "react";
import { BrowserRouter as Router,Routes, Route, Link} from 'react-router-dom';
import {GlobalContext} from "../Context/provider.js"
import TodoForm from "../Todo-
我正在尝试在一个React本地应用程序中实现AsyncStorage。我编写了一个自定义钩子来处理保存到AsyncStorage并从它读取的所有逻辑。
第一个自定义函数,saveData,工作魅力。第二个例子,readData,被证明很难使用。我插入的函数中没有一个console.log显示在我的终端中,所以它没有被使用,即使它被精确地调用(或者至少我确信它被正确调用)在useEffect in App.js中,这是我应用程序的入口点。
我可以看到,在line 12 in App.js上,currentLanguage是一个承诺。您可以看到,在注释掉的代码中,我处理了数据,这样我就可以实际读取