草庐IT

react-templates

全部标签

mongodb - meteor :订阅的集合不会自动更新( react 性)

我遇到的问题是,将数据添加到订阅的集合不会自动刷新集合的显示元素。如果我添加一个新元素,该元素会显示一秒钟然后消失!刷新浏览器(F5),新元素出现。我将订阅放入Meteor.autorun,但一切都一样。lists.html(客户端):NeueListe{{#eachlists}}-->{{this.name}}{{#ifownerOfListthis._id}}{{memberCountthis._id}}{{else}}{{memberCountthis._id}}{{/if}}-->{{/each}}×NeuenBenutzerzurChecklistehinzufü

javascript - "Uncaught ReferenceError: Template is not defined"(路由器、Meteor、Mongo 相同)

正在尝试端口Crowducate从meteor0.8到1.0。我跑了“meteor更新”。Meteor1.0的分支是-->here.我遇到了更新问题,即我无法为"new"iron:router移除“旧”iron-router。所以目前,两个版本都安装了(当然,这必须改变)。meteor包文件:#Meteorpackagesusedbythisproject,oneperline.##'meteoradd'and'meteorremove'willeditthisfileforyou,#butyoucanalsoedititbyhand.#PackagesbyMeteorstandard

javascript - 通过 React 从 mongoDB 中检索数据

我正在Node、React和MongodDB(mongoose)中开发这个简单的应用程序,我可以在其中注册用户,然后我可以编辑用户的信息。问题是,在显示我刚刚注册的内容(编辑组件)时,我被卡住了。我想在Edit组件字段中显示用户信息,这与Register组件完全相同。我不知道如何取回此信息并显示它。classRegisterextendsReact.Component{constructor(props){super(props);this.state={email:'',telephone:''}}onEmailChange=(event)=>{this.setState({emai

Web3 整理React项目 导入Web3 并获取区块链信息

上文WEB3创建React前端Dapp环境并整合solidity项目,融合项目结构便捷前端拿取合约Abi我们用react创建了一个dapp项目并将前后端代码做了个整合那么我们就来好好整理一下我们的前端react的项目结构我们在src目录下创建一个components用来存放我们的大规模组件然后在src下创建一个文件夹目录叫view用来放我们的页面组件也很多人喜欢把这个目录名字命名为pages这都是看个人喜好没强制要求叫什么只是一个大家都认可的规范方便别人查看和二开你的项目能够看得懂你的结构然后我们做个react路由先终端输入npminstallreact-router-dom--save引入一

javascript - 如何 react 性地在 meteor 中运行一个函数?

我有一个执行一些gui逻辑的函数,每次meteor响应式更新模板时我都需要运行它。我尝试将代码放入Template.myTemplate.helpers中,如下所示,但没有任何效果。Template.ResourceManager.helpers({names:function(){myFunction();returnresources.findOne({age:20}).names;}});基本上,每当资源发生任何变化时,我都需要运行myFunction()。我找不到任何方法来做到这一点。我试过研究autoRun以及cursor.dependency,但我真的不明白它们是如何工作的

javascript - 如何在编辑器中显示保存的 Draft-JS 数据? ( react + meteor )

我试图将保存的内容保留在编辑器中(例如刷新后)。目前,内容来自数据库到console.log并按预期显示。但我无法将其保留在编辑器中。[编辑]删除了草稿项目链接,请参阅下面的解决方案。我正在使用:Draft-JSreact-draft-wysiwyg这是~/imports/collections/bins.jsimport{Mongo}from'meteor/mongo';Meteor.methods({'bins.insert':function(){returnBins.insert({createdAt:newDate(),content:'',sharedWith:[],own

mongodb - 在 Meteor/React 中实现可撤销的 MongoDB 事务

在我的app,我有一个从MongoDB加载的表,它允许用户进行内联编辑。目前,我只是订阅数据库并直接将更改发送到那里。这排除了任何类型的撤消操作,但它使状态更改变得异常容易。我可以将最后3个操作存储在堆栈上,并在按下撤消按钮时应用相反的操作,但我想知道在Mongo/Meteor中是否有正确的方法来做到这一点? 最佳答案 您可能会发现以下解决方案之一有帮助:https://atmospherejs.com/babrahams/transactionshttps://atmospherejs.com/adain/meteor-comma

如何在React中处理纯函数组件中的Ajax?

我正在尝试将所有组件写入纯函数,但是现在我遇到了麻烦。我的组件看起来有些类似于下面。麻烦是,AJAX请求的结果导致rerender,这会引起另一个Ajax请求,并且您有无限的循环。如何正确处理这个?constPageProductFunnel=function(props){constagent=ajaxagent;varlist=[];agent.get(`https://mylist.com/${productSKU}`).then((res)=>{list=res.data;});return({product.name});};看答案您可以采用的方法很少:获取异步数据全球,而不是组件的

React Hooks 实战案例

文章目录一、ReactHooks简介二、ReactHooks的基本用法1.使用`useState`创建状态2.使用`useEffect`添加副作用三、ReactHooks的常见问题1.循环引用问题2.副作用问题四、ReactHooks实战案例1.使用useReducer和Redux:2.使用useContext:3.使用自定义Hooks:4.添加样式和美化:5.测试和调试:好书推荐:ReactHooks实战(Web开发与设计)内容简介作者简介目录ReactHooks是React16.8版本引入的新特性,它使得在函数组件中也能够使用状态(state)和其他React特性。一、ReactHooks

javascript - 迁移到 meteor / react

有谁知道有任何可用于Meteor的资源可以帮助加载大型(20MB-80MB)Assets以供(主要)离线使用?我目前的开发完全使用VanillaJS(在客户端),我正在考虑构建一个Meteor/React版本以提高性能和实践。目前,我的应用程序可以在线和离线运行,并在与MongoDB数据库建立连接时同步数据。它还最初将大型Assets动态加载到IndexedDB中以供离线使用(实际上View层仅与本地数据库通信)。整个系统使用WebSockets传输除初始加载之外的所有数据。大Assets的传输是通过套接字稳定加载的,所以需要一段时间,但数据可以下载并暂停和重新启动。有没有什么东西可以