草庐IT

Node-React

全部标签

javascript - 如何在 React 中正确捕获 Materialize-CSS 日期选择器值?

我希望创建一个带有datepicker的表单在我的React组件中使用materialize-css.我没有这个表单捕获的很多字段,而且结构相当简单。返回的表单如下所示:Cancel状态变化是用处理的handleStateChange(item){this.setState({[item.target.name]:item.target.value});}我调用AutoInit初始化我的日期选择器M.AutoInit();我试过使用onChange而不是onSelect来管理日期选择器状态更改,但它似乎没有捕获该事件。使用onSelect时,如果我选择一个日期然后重新打开日期选择器,有

javascript - 用于生成索引 PNG 的 Node.js 库?

有人知道用于创建索引PNG的node.js模块吗?我已经查看了thislistNode图形模块,其中一些允许创建png,但似乎没有一个允许您指定索引/调色板方案。只是一些额外的信息:我有一个代表像素的二维数组,每个像素都引用一维调色板数组的索引。由此我想生成一个有效的索引png文件(1个channel,每个channel4位)。 最佳答案 也许png-stream值得一看。据他们说:Youcanalsowritedataintheindexedcolorspacebyfirstquantizingitusingtheneuquant

javascript - 在 Node.js 中使用 Slim 或 Haml & Sass/SCSS?

我有一个相当强大的项目,它的所有模板都是用Slim和一点Haml实现的。我正在考虑将项目转移到基于Node.js的结构(可能建立在Tower.js或类似的东西之上;可能是Meteor),但是我想继续使用Slim或Haml作为模板,而不是转移到另一个模板引擎。到目前为止,有没有人这样做过或花时间弄清楚如何做到这一点?如果有,您的发现是什么? 最佳答案 Tower.js包装了express.js模板引擎系统,因此您应该能够通过将以下内容添加到配置中来使用任何express.js模板引擎Tower.View.engine="haml"To

javascript - react 路由器链接未在上下文中接收路由器

我正在使用React和react-router创建单页javascript应用程序。每个页面都是它自己的组件。在一个页面上,我能够成功创建一个Link组件并且它按预期工作。在另一个页面上,我收到以下错误:Warning:FailedContextTypes:Requiredcontext`router`wasnotspecifiedin`Link`.UncaughtTypeError:Cannotreadproperty'makeHref'ofundefined这是我设置路由的文件:http://pastebin.com/WBeN9BZw这是链接起作用的组件(在TeamRow组件中):

javascript - 在 React.js 中覆盖/扩展 ES7 类的静态属性

ES7引入了static属性和方法定义的概念。与支持ES7的转译器一起,这些canbeusedinReact为props指定验证器和默认值,如下所示:exportdefaultclassComponentOneextendsReact.Component{staticpropTypes={foo:React.PropTypes.string}staticdefaultProps={foo:'bar'}//...}这非常方便,但是当子类发挥作用时会变得棘手。例如,假设将以下模块添加到与上面的ComponentOne相同的代码库中:exportdefaultclassComponentTw

javascript - React Flux - 在调度中调度 - 如何避免?

我好像遇到过在Flux中无法避免dispatch-within-a-dispatch问题的情况。我读过一些关于这个问题的类似问题,但除了setTimeout黑客之外,它们似乎都没有好的解决方案,我想避免这种情况。我实际上使用的是alt.js而不是Flux,但我认为概念是相同的。场景想象一个最初呈现登录表单的组件。当用户登录时,这会触发一个XHR,最终响应身份验证信息(例如用户名),然后根据身份验证信息获取一些安全数据并呈现它而不是登录表单。我遇到的问题是,当我尝试根据XHR响应触发一个获取数据的操作时,它仍在LOGIN_RESPONSE操作的调度中,并触发了可怕的Error:Invar

javascript - 在 React 中将 DOM 元素作为 Prop 传递

所以我有一个组件需要一个DOM元素作为prop传入。我正在尝试像这样在另一个组件中使用它:...但这不起作用,因为(我怀疑)在我调用this.refs.myPropDiv时DOM尚未呈现。我将如何完成这样的事情? 最佳答案 在大多数情况下,这不是一个好主意,至少看起来不像是在遵循React的方式。首先,通过refs获取该div,您不会获取DOM元素,而是获取该div的支持实例。您可以获得像toomanyredirects所建议的那样的DOM元素。无论如何,你想要达到什么目的?React的一个优点是您不必弄乱原始DOM,而是使用虚拟D

javascript - 使用 excel.js 模块 + Node 在列标题前添加行

我正在尝试使用node.js中的excel.js模块创建xslx文件。我能够创建列并添加其值。但是,我需要在列标题之前插入一些行,在那里我可以有一些描述。我该怎么做?任何帮助将不胜感激我试过的代码是varworksheet=workbook.getWorksheet(1);worksheet.mergeCells('A1:B1');varrow=worksheet.getRow(1);row.getCell(1).value='Hello,World!';//...mergedcellsarelinkedworksheet.getCell('A1').value='PI';worksh

javascript - 在 VS Code EADDRINUSE 错误上调试 Node.JS

我正在尝试在VSCode上调试Node.JS应用程序,但是当终端打开时,我收到此消息:错误:听EADDRINUSE:::5858我的应用程序使用名为StrawJS(https://github.com/simonswain/straw)的框架,它会同时启动一些不同的进程。我认为这是错误的原因,因为有许多不同的进程试图使用同一个调试器。我发现了一个类似的问题(VSCodewillnotstoponbreakpointswhenfirstnodeprcessforksasecond),但是在attach.js文件上配置端口不起作用,问题仍然存在。这是我实际的launch.json文件:{"

javascript - 我如何将 Stripe checkout 与 React 结合使用?

Thislibrary使在React项目中使用Stripecheckout变得容易。但我不想要所有额外的选项,我想了解如何自己实现此功能。如何在我的React项目中获得一个基本的Stripe结帐按钮,如下所示?我不想使用任何外部库。我不想使用Stripe.js。这是基本Stripe结帐按钮的代码与Stripe.js结帐不同:Here'saliveexample,以防无法运行该代码片段。问题如果按钮在React类中,我将无法显示它。我认为这与渲染和加载Stripe脚本有关。 最佳答案 直接翻译您的代码以使其在React中工作可以是:c