小编Dev*_*v01的帖子

如何在 Reactjs 中从另一个组件触发状态

你好世界我需要帮助。

我有一个进度条组件和一个我在其中使用进度条的组件。另一个组件应该触发进度条。

APP示例结构

  • 主页.js
    • 具有进度条的组件(组件 1)
      • 介于两者之间的组件(组件 2)
        • 我想从(组件 3)触发进度条的组件
  • 进度条组件(ProgressBar)

https://codesandbox.io/s/optimistic-stallman-rjxi9?file=/src/App.js

这是我想要实现的目标以及我如何想象的一个例子。代码不起作用,但您将从代码的结构中获得想法。

我想onClick组件 3执行更改位于组件 1 中的进度条状态,但中间有一个组件以及它自己的组件上的进度条。

我尝试的事情是将函数正常传递给组件中的一个新函数,我想从(组件 3)触发该操作并将该函数传递给按钮。但它得到一个错误“类型错误 this.props.* is not a function”

先感谢您

javascript frontend web-frontend reactjs

5
推荐指数
1
解决办法
72
查看次数

将 CRA 迁移到 Razzle

我有一个使用 Create React 应用程序构建的项目。我现在需要为我的应用程序进行服务器渲染,我发现 Razzle 是最简单的实现方法。

我有 /src,其中包含所有组件,此外还有一个图像文件夹以及公共文件夹中的一些内容。最后是 node_modules 文件夹,我在 package.json 中有依赖项

我应该将它们复制粘贴到 Razzle 吗?我已经尝试过,但收到错误webpack_require和 TypeError: 无法读取未定义的属性“原型”?

转换为 Razzle 的最佳方式是什么?

谢谢

frontend web-frontend reactjs razzle

5
推荐指数
0
解决办法
321
查看次数

标签 统计

frontend ×2

reactjs ×2

web-frontend ×2

javascript ×1

razzle ×1