首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >React热演讲会在类组件中不起作用

React热演讲会在类组件中不起作用
EN

Stack Overflow用户
提问于 2022-03-20 02:58:10
回答 1查看 1.9K关注 0票数 0

反应-热吐司v4.1.1不在我的类组件中工作。早些时候,我用的是React来刺激,但现在我切换到反应热吐司。反应热烈的祝酒词不断地出现错误。TypeError:对象(.)不是函数./node_modules/react-hot-toast/dist/react-hot-toast.esm.js。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import toast, { Toaster } from "react-hot-toast";

class Toast extends Component {
  handleToast = () => {
    toast("Toast Created.");
  };
  render() {
    return (
      <div>
        <Toaster />
        <button className="btn btn-primary" onClick={this.handleToast}>
          Create Toast
        </button>
      </div>
    );
  }
}

export default Toast;

这是错误

EN

回答 1

Stack Overflow用户

发布于 2022-03-20 03:37:13

这是因为在较新的版本中,与它的前身相比,存在着一些与react的依赖冲突。

另外,如果您遵循某些课程,它们通常会提供一些资源继续进行,当您开始处理这些资源并为其依赖项执行npm时,它会安装package.json文件中指定的包的某些版本,因此如果您试图安装一个新的包作为课程的一部分,它可能与资源文件中提到的包不兼容。

因此,为了避免这里的冲突,您可以使用最新版本手动安装package.json中提到的所有包,然后安装最新版本的react-toastify。

尝试将react toastify的版本恢复到早期的版本,可能尝试使用react toastify@4.1或本课程中提到的版本。(这对我有用)

我认为,如果您安装了一个较早版本的react toastify,它就会运行得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71546130

复制
相关文章
React - 组件:类组件
他有自己的生命周期也有react给他提供的一些内置函数方法。有自己的this和状态。
xing.org1^
2019/12/11
2K0
React - 组件:类组件
react 纯函数组件_react类组件
定义:一个函数的返回结果只依赖于它的参数,并且在执行的过程中没有副作用,我们就把该函数称作纯函数。
全栈程序员站长
2022/11/17
1.6K0
react 纯函数组件_react类组件
React类式组件
React类式组件是一种使用ES6类语法定义的组件形式,它是React中最早引入的组件形式。类式组件基于React.Component类,具有内部状态(state)和生命周期方法,用于管理组件的状态和行为。
堕落飞鸟
2023/05/19
3760
React中使用类组件
接下来我们需要渲染一些Dom,并且定义一些状态数据,在react中响应式数据定义在state变量中
用户6256742
2022/07/06
7640
【多角度】react中类组件与函数组件区别
类组件内部可以定义并维护 state, 函数组件为无状态组件(可以通过hooks实现)
用户9914333
2022/12/14
1.7K0
【多角度】react中类组件与函数组件区别
React中定义组件
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
张苹果
2022/09/22
9010
React 函数组件和类组件的区别
两者最明显的不同就是在语法上: 函数组件是一个纯函数,它接收一个 props 对象返回一个 react 元素; 类组件需要去继承 React.Component 并且创建 render 函数返回 react 元素,虽然实现的效果相同,但需要更多的代码。
Leophen
2021/07/08
7.5K0
React-其它内容-Portals 和 React-父子组件通讯-类组件
Portals 是根据 ReactDOM 的 createPortal 所得到的,createPortal 接收两个参数:
杨不易呀
2023/09/30
1700
React :(类、函数)子组件调用父组件的方法
子组件中使用传过来的cancelCreateFile【this.props.cancelCreateFile】,就可以在子组件中调用
江一铭
2022/09/23
5.3K0
React :(类、函数)子组件调用父组件的方法
React中的高阶组件
高阶组件HOC即Higher Order Component是React中用于复用组件逻辑的一种高级技巧,HOC自身不是React API的一部分,它是一种基于React的组合特性而形成的设计模式。
WindRunnerMax
2021/01/18
3.8K0
React 中引入 Angular 组件
为了在我的编辑器中使用 Angular,我用 Angular 编写了一个重命名功能。而为了使用它,我得再次使用一次 customEvent,而在这个微前端架构的系统中,其事件通讯机制已经相当的复杂。在这部分的代码进一步恶化之前,我得尝试有没有别的方式。于是,我想到了之前在其它组件中使用的 Web Components 技术,而 Angular 6 正好可以支持。
不知雨
2018/08/21
2.1K0
3、React组件中的this
这段代码运行,可以看到student.func()打印了student对象,因为此时this指向student对象;而studentFunc()打印了window,因为此时由window调用的,this指向window。
keyWords
2018/09/19
2.9K0
3、React组件中的this
React中组件通信方式
组件间的关系 父子组件 兄弟组件(非嵌套组件) 祖孙组件(跨级组件) 通信方式 props:children props、render props 消息订阅-发布:pub-sub 集中式管理:redux conText:生产者-消费者模式 搭配方式 父子组件:props 兄弟组件:消息订阅-发布,集中式管理 祖孙组件:消息订阅-发布,集中式管理,conText(封装插件使用的多)
peng_tianyu
2022/12/15
5420
React中的纯组件
React提供了一种基于浅比较模式来确定是否应该重新渲染组件的类React.PureComponent,通常只需要继承React.PureComponent就可以定义一个纯组件。React.PureComponent与React.Component很相似,两者的区别在于React.Component并未实现shouldComponentUpdate(),而React.PureComponent中以浅层对比prop和state的方式来实现了该函数。如果赋予React组件相同的props和state,render()函数会渲染相同的内容,那么在某些情况下使用React.PureComponent可提高性能。
WindRunnerMax
2021/01/18
2.5K0
React Hooks 源码解析(1):类组件、函数组件、纯组件
React 源码版本: v16.9.0 源码注释笔记:airingursb/react 1 Class Component VS. Functional Component 根据 React 官网,React 中的组件可分为函数式组件(Functional Component)与类组件(Class Component)。 1.1 Class Component 这是一个我们熟悉的类组件: // Class Componmentclass Welcome extends React.Component {
QQ音乐前端团队
2019/10/21
2.1K0
react中类组件传值,函数组件传值:父子组件传值、非父子组件传值[通俗易懂]
函数组件中我们一般情况下使用useEffect实现数据的请求 // useEffect Hook 看做 componentDidMount,componentDidUpdate 和 componentWillUnmount (加载,更新,卸载)这三个函数的组合。 语法格式: useEffect(()=>{ },[])
全栈程序员站长
2022/08/30
6.3K0
[译] React 中的 dumb 组件和 smart 组件
原文:https://medium.com/@thejasonfile/dumb-components-and-smart-components-e7b33a698d43
江米小枣
2020/06/16
2.5K0
React类式组件-生命周期方法
类式组件具有一系列的生命周期方法,用于处理组件在不同阶段的生命周期事件。这些方法可以在组件的不同生命周期阶段被调用,例如组件的初始化、挂载、更新和卸载等。
堕落飞鸟
2023/05/19
4390
React基础(5)-React中组件的数据-props
开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用
itclanCoder
2019/09/28
6.7K0
React基础(5)-React中组件的数据-props
React基础(6)-React中组件的数据-state
一个组件最终渲染的数据结果,除了prop还有state,state代表的是当前组件的内部状态,你可以把组件看成一个'状态机",它是能够随着时间变化的数据,更多的是应当在实现交互时使用,根据状态state的改变呈现不同的UI展示
itclanCoder
2019/11/04
6.1K0

相似问题

React热重新加载不起作用

111

按钮不会在react组件中触发。

24

React组件不会在Codepen中呈现

10

您什么时候会在React中使用类组件而不是功能组件?

16

演讲层中的Enity类?

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文