Framework7 - React应用程序中的全局状态 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Framework7 - React应用程序中的全局状态

javascript、reactjs、state、html-framework-7

我需要一个集中存储解决方案来存储我的数据。在我的购物车项目或用户凭据的示例中。但是我想使用React的生命周期。因此，当数据发生变化时，我的应用程序应该再次呈现DOM树。Framework7提供了"data“和"params”属性，我可以通过"this.$f7“对象在每个页面上访问它们。但是当数据发生变化时，没有"setData“函数来重新呈现DOM。

浏览 8提问于2019-03-27得票数 1

1回答

如何使用Framework7-React捕获JS代码中的Back按钮事件？

reactjs、html-framework-7

我需要在我的代码中捕获返回按钮事件只为特定的页面。因为我正在使用Framework7 NavBar react组件，所以我找不到可以覆盖/捕获back事件的地方。我指的是用于IOS应用程序开发的framework7-react，我已经在文档中放回了'Back‘链接。Framework7版本4.3.1 他们为导航栏提供了'backLink‘属性，但是我如何在我的JS代

浏览 23提问于2019-05-07得票数 1

2回答

如何将Framework7与shadow-cljs和clojurescript集成

clojurescript、html-framework-7、shadow-cljs

当我尝试在clojurescript项目中初始化Framework7和Framework7-React时，使用shadow-cljs会得到这样的错误： f7.js:31 Uncaught TypeError(react-dom.development.js:24866) Framework7初始化通常只包含以下内容 // Import Framework7 import Framework7 fromfrom 'framework7-<em

浏览 9提问于2020-01-29得票数 0

回答已采纳

2回答

Framework7上的主题颜色

html、html-framework-7

我已经看过更多的网站，到目前为止，我还没有找到如何在应用程序的上半部分制作颜色，时钟和电池在哪里，使用的是，右上角应用程序中的橙色与下图中的颜色相同。有人知道怎么做吗？

浏览 2提问于2016-12-21得票数 1

回答已采纳

1回答

使用Npm将framework7安装到cordova时出错

node.js、npm、html-framework-7

我正在尝试在ubuntu18.04上安装framework7。节点版本: v10.24.1，Npm : 6.14.12 错误： npm ERR!

浏览 49提问于2021-09-01得票数 0

2回答

注入的组件与父页DOM不匹配。

javascript、reactjs、react-native、components

我有一个用React.js构建的页面组件。该页面具有标题、内容和顶部工具栏。现在，我希望将此Navbar作为一个单独的组件，称为Header组件，因此，与Navbar块不同，它将仅为：在header组件中，应该是这样的>{this.props.title}</NavTitle> )} 但是，

浏览 0提问于2019-03-17得票数 0

回答已采纳

1回答

ReactJS剩余状态(全局状态)+ React.Context (本地状态)

javascript、reactjs、redux、react-redux、react-context

我是ReactJS世界的新手，我需要你对ReactJS状态的看法。我开始在全局状态(全局模块)的应用程序中使用Redux，它非常适合，因为无论何时我需要状态，我都可以从任何地方调用它。在Redux中，我喜欢保留通知，它们显示在我的应用程序的所有页面上，我还保存了应用程序版本(演示/实况)，换句话说，我试图保存在Redux (全

浏览 1提问于2020-04-23得票数 1

2回答

在React* Native中从多个页面访问数据的正确方式是什么？*

react-native

因此，我正在从事我的第一个React Native项目，我很好奇处理用户数据的正确方式是什么。我有3个不同的页面，分别是: HomePage，ProfilePage，ChatPage。到目前为止，我知道当HomePage加载时，它会进行后端调用，检索所有用户数据并将其设置为某些状态。现在，当用户导航到像ProfilePage这样的新页面时，当然没有数据了，那么我还需要进行另一个后端调用吗？那么每个页面都有一个后端调用？我确信必须有某种方法来只进行一次后端调用。我可以设置某种全局<

浏览 32提问于2021-04-09得票数 0

1回答

更新React本机堆栈导航头中的标记

react-native、react-navigation、badge

提前谢谢。

浏览 1提问于2021-03-04得票数 1

回答已采纳

1回答

Framework7仅仅是ui框架还是类似于离子型的

ionic-framework、hybrid-mobile-app、html-framework-7

我已经用Ionic框架构建了应用程序。但是当我查看Framework7时，我发现它的UI (特别是材料设计)非常出色。现在，由于我以前没有使用过Framework7，而且我对几件事感到困惑。我能用iOS和Framework7构建Framework7和安卓应用吗？(如离子) 还有其他类似Phonegap的东西可以和

浏览 0提问于2016-04-22得票数 0

4回答

pushState problem Framework7* v3.5.2没有加载视图*

javascript、html-framework-7

我读过关于这个问题的所有问题，但没有找到任何解决办法。const app = new Framework7({ name: conf.appName, }如果我设置了pushState

浏览 1提问于2018-12-01得票数 5

回答已采纳

2回答

React 16.7有状态钩子，所以我不再需要react-redux了，对吗？

reactjs、redux

React 16.7有状态钩子，所以我不再需要react-redux了，对吗？

浏览 1提问于2018-11-05得票数 0

1回答

具有全局状态管理功能的next.js

reactjs、redux、next.js

由于使用create- react - app，对于非常大的react应用程序，我打算用next.js编写我未来的所有应用程序，因为它有丰富的默认内置功能。我的问题是，当我构建一个非常大的企业应用程序时，我使用redux进行全局状态管理。因为我需要很多共享状态，而Redux对于一个大团队来说是一个非常好的选择。如果你需要在next.js中

浏览 43提问于2020-09-10得票数 2

回答已采纳

1回答

如何在不丢失全局状态的情况下在应用程序中导航？

reactjs、react-redux、react-router

我正在使用react-router在我的应用程序中导航。但是当我路由到新路径(=URL)时，这会导致重新加载整个页面。这意味着应用程序失去了它的全局状态(由react-redux管理)。所以，我的问题是:如何才能在不丢失全局状态的情况下在应用程序中导航？

浏览 59提问于2021-02-10得票数 0

回答已采纳

1回答

Cordova隐藏状态栏

ios、cordova、phonegap-build、statusbar、html-framework-7

我正在用Phonegap和Framework7为Framework7构建一个应用程序，而且无论我做什么，我似乎都无法将状态栏隐藏在iPad上。我尝试用谷歌搜索出几个教程，包括以下问题：有关部署信息中的iPhone设置：隐藏状态栏(

浏览 3提问于2017-05-18得票数 8

回答已采纳

2回答

我们如何在不使用redux的情况下使用钩子来管理react应用程序的全局状态？

reactjs、redux、react-redux、react-hooks

我一直在为我的所有react项目使用redux，以维护应用程序的全局状态。我读到我们也可以使用钩子来管理应用的全局状态，而不需要redux，但我不知道如何使用它。任何这样做的帮助或例子都会很有帮助。

浏览 3提问于2019-10-11得票数 1

1回答

Flux和Redux框架有什么不同？

angularjs、reactjs

在我的Angular JS准备工作中，我开始了解ReactJS，它构建在Flux之上，然后听说了Redux。现在想知道AngularJS与什么相关？

浏览 0提问于2016-01-06得票数 1

2回答

在组件之间发送道具(无相关) React-Native

react-native

我想在我的描述组件中处理这种状态，以便在时间改变后进行一些更改。这些组件是不相关的(它们不会相互导入)<Description setCountdownTimer={setCountdownTimer} /> 在风格上隐藏它

浏览 2提问于2020-08-05得票数 0

3回答

如何在使用React时访问f7实例

reactjs、html-framework-7

我用3.0.0-β.15的框架7-反应。在使用普通版本的framework7时，您可以创建如下所示的新实例。var app = new Framework7({});我不知道如何访问react中创建的实例(app)。import {App} from 'framework7-react'; <App params={{ theme, routes }} ref={f7 => window.f7 = f

浏览 1提问于2018-07-02得票数 0

回答已采纳

1回答

React -全局状态或反模式的简单解决方案？

reactjs、state、this、global

在我的React应用程序中，我有包含整个应用程序状态的主组件，也有用于修改状态的函数。为了访问所有子组件中的状态和函数，我通过子组件属性(app)从主组件传递this：const Hea

浏览 5提问于2021-10-25得票数 2

点击加载更多