-
2 votesanswersviews
从HTML中的window.onload调用webpacked代码
我在index.js中有一个导出的模块,带有一个函数start(),我希望在我的HTML的body标签中调用 <body onload='App.start();'> 这是一个类似的问题我的答案我试过:Calling webpacked code from outside (HTML script tag) 以下是来自项目的代码:https://github.com/zv/tree ... -
3 votesanswersviews
使用ES生成器渲染React组件
我有一个非常基本的睡眠函数实现,在x毫秒后解析一个promise: module.exports = (ms) => new Promise(res => setTimeout(res, ms)); 然后,我需要在睡眠后在ES6有状态类组件中呈现一个React组件,但这会遗漏错误: Objects are not valid as a React child . 这个生成器实现有什... -
4 votesanswersviews
在React中'dumb'组件中将函数传递给处理程序的正确方法
看看这个简单的例子,其中prop toggleData 将是一个映射到容器道具的redux thunk动作 . 这是将这样的函数传递给子'哑'组件的推荐方法吗?我在网上看到一篇文章说在处理程序中使用箭头函数是昂贵的,从性能角度来看效率不高 . class Container extends React.Component { render(){ return ( ... -
1 votesanswersviews
访问React组件的所有子组件
我有反应组件A,它呈现一个表 . 表中其中一列的数据通过另一个组件B呈现,因此 <B/> 是 <A/> 的子项 . 每当用户点击页面上的任何地方时,我想在 <B/> 上执行一些操作 . 此单击事件侦听器在 A 中定义 . 如何从类 A 内循环所有 <B/>s ?我的组件结构是这样的: class A extends React.Component {... -
5 votesanswersviews
未捕获的TypeError:无法读取未定义的属性'state or props'
所以我开始将我的应用程序从ES2015转换为使用React的ES6 . 我有一个父类和一个像这样的子类, export default class Parent extends Component { constructor(props) { super(props); this.state = { code: '' ... -
3 votesanswersviews
用vanilla for循环替换下划线或lodash _.each
我想要替换以下代码,不再依赖于underscore.js或lodash.js的 _.each() 函数: function fset(data) { _.each(dataDefault, function(item, key) { var val = ( data[key] ? data[key] : dataDefault[key] ); $rootSc... -
4 votesanswersviews
摩卡的ES6承诺
我正在使用this polyfill for ES6 promises和Mocha / Chai . 我对这些承诺的断言不起作用 . 以下是一个示例测试: it('should fail', function(done) { new Promise(function(resolve, reject) { resolve(false); }).then(functio... -
3 votesanswersviews
MongoDB和Mongoose:$ where回调中的ES6语法问题
我正在使用Node.JS(6.6.0)应用程序,该应用程序使用MongoDB(3.2.10)作为数据库和Mongoose(1.4.X)库 . 下面的代码应该在MongoDB数据库上执行查询: const JobStat = require('../models/job_stat') const co = require('co') let statService = { getRecentJ... -
252 votesanswersviews
多个箭头函数在javascript中意味着什么?
我一直在阅读一堆 react 代码,我看到这样的东西,我不明白: handleChange = field => e => { e.preventDefault(); /// Do something here } -
0 votesanswersviews
实现redux in native native
我正在尝试实现redux以在多个屏幕中显示 balancer ,因为我在单个屏幕中更新 balancer 它应该反映在所有其他屏幕/组件中 . 我对redux很新 . 如你所知,redux的复杂性,甚至难以实现它 . 我在GitHub和youtube中关注了一些示例并开始实现它 . 在 Actions folder 我有 . 以下两个文件 counteractions.js import * as... -
0 votesanswersviews
在Angular 5中更改renderer.listen函数中的模型
我的应用程序中有自定义下拉列表 . 我需要处理组件外部的点击以隐藏下拉列表 . 我想动态地制作它 . HostListener 不是这种情况,因为它为页面上的所有下拉组件添加了事件侦听器 . 所以我决定用 renderer.listener 动态添加和删除监听器 . 所以我有用户点击输入元素时触发的函数: onClickInput() { if (this.isOpened) { retur... -
21 votesanswersviews
模板字符串中的数字格式(Javascript - ES6)
我想知道是否可以格式化Javascript模板字符串中的数字,例如: var n = 5.1234; console.log(`This is a number: $.2d{n}`); // -> 5.12 或者可能 var n = 5.1234; console.log(`This is a number: ${n.toString('.2d')}`); // -> 5.12 这... -
0 votesanswersviews
React-Native不导入文件夹
我正在尝试从反应原生的目录导入所有内容,但它给了我一个错误 错误:捆绑失败:错误:无法从F:\ INSTALLED \ React-Native \ crm \ components \ PeopleItem.js解析模块../actions:从F:\ INSTALLED \找不到模块../actions反应母语\ CRM \组件\ PeopleItem.js . 实际上,这些文件都不存在: ... -
3 votesanswersviews
如何在webpack中呈现嵌套的SASS?
拿下面的css ...... .MyComponent { color: blue; .Button { color: red; } } 以下React组件...... import React from 'react' import classes from './MyComponent.scss' export const MyComponent = props =&... -
2 votesanswersviews
反应还原中的形态
我是React生态系统的初学者,我正在使用React中的表单,构建一个包含两个字段的登录表单 - 电子邮件和密码 . 我在redux中维护我的整个表单状态 . 例如: const defaultState = { touched: { email: false, password: false }, loginFormErrors: {email: '', password: '... -
5 votesanswersviews
使用模块加载和类继承将ES6映射到ES5
我喜欢使用模块加载器并使用继承 . 我到目前为止最接近的是使用Babel 6和 es2015 预设,以及 transform-es2015-modules-systemjs 插件 . 这是我的 .babelrc 文件: { "presets": ["es2015"], "plugins": ["transform... -
1 votesanswersviews
简单的Babel编译es6模块加载
我正在寻找由babel编译的导入/导出es6模块的简单模块加载 . 从带有导入/导出模块的es6源文件开始,以便在浏览器中使用 使用babel将此静态转换为es5,配置指定最简单的模块转换(amd,commonjs,systemjs) . 不要将npm用于模块,也不要使用任何其他复杂的工作流程 . 只是babel转换文件 . 使用模块加载这些es5文件,使用 <script&... -
3 votesanswersviews
无法使用Babel将es6转换为es5
我正在使用babel将我的es6代码转换为节点应用程序中的es5 . 为此,我使用了以下babel节点模块 “babel-cli”:“6.24.0” “babel-preset-es2015”:“6.24.0” “babel-preset-stage-2”:“6.22.0” 以下是package.json中的相关配置 { "name": "twinconsole... -
0 votesanswersviews
从转换的ES6代码导入时获取空对象[重复]
这个问题在这里已有答案: Webpack output is empty object 1回答 源代码是用ES6编写的,并使用babel和webpack转换为ES5,它看起来像这样: src/2.js export default { ... } src/1.js import 2 from './2.js' export default { ... } 1.js 是webp... -
3 votesanswersviews
防止Babel-loader / webpack将es6-modules转换为es5
module.exports = { bail: true, watch: true, target: 'web', entry: paths.allLibraryIndexJs, output: { path: paths.appLibraryBuild, filename: '[name].app.js', library: '[name]', ... -
0 votesanswersviews
webpack是否使ES6模块与ES5浏览器兼容?
如果我在JS文件中使用 ES6 import ,如: import { tempates } from "./templates.js"; webpack converts 这类似于: __webpack_require__.r(__webpack_exports__); /* harmony import */ var _templates_js__WEBPACK_IMPO... -
1 votesanswersviews
如何在js erb模板中使用rails webpack加载js
我在rails 5.0应用程序中使用webpacker gem,但我可以__97973_ m命中验证错误 . 我在这里违反了一些简单的前提,但找不到答案,也没有编译或控制台错误 . 我的application.html.erb中有 <%= javascript_pack_tag 'application' %> 这是设置: 应用程序/ JavaScript的/包/ applicatio... -
1 votesanswersviews
与redux-mock-store一起使用时,redux-observable流中的重复操作
我打开了一个问题,但万一我做错了: 使用jest和redux-mock-store编写单个测试时,一切都按预期工作 . 但是如果我多次使用mockStore(在同一个测试中,甚至在另一个测试中),那么在任何创建的商店中调度的动作将在observable中多次发送(但在store中只发送一次,如store.getActions()状态 . 这是一个复制回购:https://framagit.org/... -
28 votesanswersviews
如果我们不解决或拒绝承诺会发生什么
我有一个场景,我将返回一个承诺 . 承诺基本上给出了ajax请求的响应 . 在拒绝承诺时,它会显示一个错误对话框,表明存在服务器错误 . 我想要做的是当响应代码是401时,我既不想解决诺言也不拒绝它(因为它显示错误对话框) . 我想简单地重定向到登录页面 . 我的代码看起来像这样 function makeRequest(ur,params) { return new Promise(f... -
1 votesanswersviews
Typescript如何使用接口的属性约束函数参数
大家好我想找到一种约束函数参数的方法,所以它只需要将“字符串”约束到接口属性,就像我在函数验证字段中所做的那样: Note: 这只是定义打字稿代码,使问题更简单 . index.d.ts export interface FieldErrors { errors: Array<FieldError>; } export type FieldsErrors<TForm>... -
2 votesanswersviews
在混合ES / TS项目中使用Vue组件
我希望能够将Vue文件用于JavaScript和TypeScript,因此在 <script> 标签中 lang 未设置或设置为 js 时,请使用ES2015,当 <script lang="ts"> 使用TypeScript时 . 我有一个现有的vue ts项目,现在我们决定在vue-paper-dashboard之上构建应用程序,该应用程序是用ES6... -
0 votesanswersviews
带有target = es6的Typescript可以编译一个可在Node.js中运行的多文件程序吗?
我正在尝试使用Typescript使用es6 Set 对象编译多个文件代码,并使用Node.js运行生成的代码 . MyEmitter.ts const EventEmitter = require('events'); class MyEmitter extends EventEmitter {} export {MyEmitter} index.ts import {MyEmitter} ... -
1 votesanswersviews
将CommonJS / ES6模块映射到AMD
我们正在运行一个设置,其中在后端的CommonJS / ES5中编写的React组件也需要在前端可用,以便在服务器和客户端上进行React渲染 . 我试图弄清楚如何将React组件从JSX转换为JS以及从CommonJS到AMD . 现在,很可能没有真正的方法可以从CommonJS“转移”到AMD . 所以我们可以在ES6中编写它 . 如果我们在ES6中编写React组件代码,我们如何将其转换为A... -
77 votesanswersviews
ES6 javascript模块导出选项
我已经看到ES6模块的公共出口有以下两种方式: // method 1 export var getAnswer = function () { return 'forty two'; }; // method 2 export default function () { return 'forty two'; }; 这两个都有效吗? 如果是这样,为什么它们都存在? 使用ES6语法... -
4 votesanswersviews
Typescript 1.5,导入ES6模块
我实际上正在学习TypeScript 1.5,我想知道我可以导入外部ES6模块吗? 我需要通过我的TS1.5代码(https://www.npmjs.com/package/rtts_assert)使用这个(暴露ES6 API) . 这是我尝试过的: import {rtts} from "../../node_modules/rtts_assert/es6/rtts_assert.es...