小编Wae*_*eez的帖子

如何修复节点中“当前未启用对实验语法“exportDefaultFrom”的支持”

我有一个在 React、Node、express 上运行的全栈 JavaScript 应用程序。问题是export没有default在节点中工作,但是,它在反应中工作正常。我的节点和 react 共享相同的 babel 配置和包。

我已经尝试@babel/plugin-proposal-export-default-from在我的中添加包,babel.config.js但这样做后,它会产生另一个错误

意外令牌 (25:16) 导出 getMember;

我什至尝试删除半柱

这是我的 babel.config.js

    module.exports = {
      "presets": ['@babel/preset-env', '@babel/preset-react'],
      "plugins": [
        [
          "@babel/plugin-proposal-class-properties",
          {
            "loose": true
          }
        ]
      ]

};
Run Code Online (Sandbox Code Playgroud)

这是我的 package.json

{
  "name": "dpapi",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "nodemon --exec babel-node server.js --ignore dist/",
    "dev": "webpack -wd"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-eslint": "^10.0.1",
    "babel-preset-es2015": "^6.24.1",
    "eslint": "^5.16.0", …
Run Code Online (Sandbox Code Playgroud)

node.js ecmascript-6 babeljs es6-modules babel-loader

9
推荐指数
1
解决办法
1万
查看次数

如何使用 aws-amplify 验证节点/express 中的 accessToken?

我在前端 React 应用程序上使用 AWS amplify 进行用户身份验证。我的 React 应用程序直接与 amplify 通信,无需任何后端(节点服务器)交互。

我有一个用 node/express 编写的 REST API。我想使用放大来保护该 API。

目前,我计划将访问令牌从我的 React 应用程序传递到我的节点服务器。但是我无法找到一种方法来使用放大在后端验证此令牌。

aws-amplify 包是否提供任何可以传递访问令牌来验证它的功能?

就像是 Auth.verifyToken(<access_token>)

amazon-web-services node.js reactjs amazon-cognito aws-amplify

9
推荐指数
2
解决办法
4519
查看次数

动态传递未知数量的参数以响应路由器

在我的反应应用程序中,我具有创建文件夹和文件的功能。一个文件夹中可以包含任意数量的文件夹。

像这样

Folder-1
  |_Folder-1-1
  |_Folder-1-2
    |_Folder-1-2-1
    |_Folder-1-2-2
      |_Folder-1-2-2-1
       .
       .
       .
Run Code Online (Sandbox Code Playgroud)

它可以深入到任何级别。目前,我正在做的是。有一个加载根文件夹的组件Folder-1,当您单击时Folder-1。我更改路线并加载另一个组件。

我的路线看起来像 <Route exact path="/clients/:folder" component={ClientFolder} />

但这里的问题是我不知道参数的数量。

我设想的方式是

  • 您单击Folder-1,URL 更改为/clients/Folder-1,然后,它会加载 Folder-1 中的所有文件夹,即Folder-1-1Folder1-2
  • 您单击Folder-1-2,URL 更改为/clients/Folder-1/Folder-1-2,加载其中的文件和文件夹Folder-1-2

等等。

所以我的问题是,如何使用单个路由和单个组件拥有任意数量的嵌套路由

我正在使用反应路由器 5

javascript reactjs react-router

6
推荐指数
1
解决办法
889
查看次数

如果名称和值对js中的值为空,则从Array中删除Object

[{name: "mode", value: "1"},{name: "group", value: ""},{name: "from_date", value: ""},{name: "to_date", value: "2018-10-16"},{name: "action", value: "ac_filter_transactions"}
Run Code Online (Sandbox Code Playgroud)

这就是我的数组的样子.我想从数组中删除名称和值对,如果它value是空的.

我试过这个解决方案:但是这没用

formData.map((i) => {
  (i.value == "") ? delete i: "";
});
Run Code Online (Sandbox Code Playgroud)

我知道这是一个简单的问题,但我找不到任何相关的例子来解决这个问题.我发现的所有示例和解决方案都是针对这种类型的对象

let obj = {"firstname": "XYZ", "lastname": "ABC"}
Run Code Online (Sandbox Code Playgroud)

两个对象有什么区别?

javascript arrays object

2
推荐指数
1
解决办法
579
查看次数

用特殊字符替换子字符串

我有一个包含一些用特殊字符包装的子字符串的字符串。这是我的代码:

var p = 'The quick brown fox jumps over the lazy [dog]. If the [dog] reacted, was it really lazy?';

var regex = /[\\[dog\\]]/g;

console.log(p.replace(regex, 'ferret'));
Run Code Online (Sandbox Code Playgroud)

该代码给了我输出,The quick brown fox jumps over the lazy ferretdogferret. If the ferretdogferret reacted, was it really lazy?但是我期望The quick brown fox jumps over the lazy ferret. If the ferret reacted, was it really lazy?

javascript regex replace

2
推荐指数
1
解决办法
50
查看次数

如何在忍者表单中进行多个电子邮件操作

我尝试以忍者形式添加多个电子邮件操作,但是这样做之后,我的所有操作都无法正常工作。它仅适用于单个电子邮件操作。我想在多个电子邮件帐户上发送表单提交的数据

email wordpress ninja-forms

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

FormData在React中提交表单时返回空数据

我正在尝试使用new FormData()构造函数在提交表单时获取表单数据键值对对象。但是它总是返回空数据。

我已经尝试event.persist()避免对事件池进行反应,但是没有任何效果


export default class Test extends React.Component {
  constructor(props) {
    super(props);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleSubmit(event) {
    event.preventDefault();
    const target = event.target;
    const data = new FormData(target);
    console.log(data)
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label htmlFor="username">Enter username</label>
        <input id="username" name="username" type="text" />

        <button>Send data!</button>
      </form>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

我期望包含以下格式的表单数据的对象

{ "username": "Value" }

javascript dom form-data dom-events reactjs

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

React-Native不导入文件夹

我正在尝试从反应原生的目录导入所有内容,但它给了我一个错误

错误:捆绑失败:错误:无法解析模块../actionsF:\INSTALLED\React-Native\crm\components\PeopleItem.js:模块../actions无法从找到F:\INSTALLED\React-Native\crm\components\PeopleItem.js.实际上,这些文件都不存在:

但是文件夹名称actions存在.这是我的PeopleItem.js

import React from 'react'
import {
  StyleSheet,
  Text,
  View,
  image
} from 'react-native';
import { connect } from 'react-redux'
import {getTheme} from 'react-native-material-kit'
import icon from 'react-native-vector-icons/EvilIcons'
import * as actions from '../actions'
Run Code Online (Sandbox Code Playgroud)

这是我的目录结构 在此输入图像描述

javascript ecmascript-6 react-native

0
推荐指数
1
解决办法
2001
查看次数

如何将对象数组中的文件发送到快递服务器?

我有一个对象数组,每个对象都包含一些字符串类型的属性和一个文件。

这是我的数组的样子:

const args = [
    {
        name: 'presentation',
        price: 9.99,
        tags: 'invest, finance, business',
        file: File,
        thumbnail: File
    },
    {
        name: 'presentation2',
        price: 20.99,
        tags: 'invest, finance, business',
        file: File,
        thumbnail: File
    }
]

const headers = {
 headers: {
   Authorization: `Bearer ${token}`
 }
};
Run Code Online (Sandbox Code Playgroud)

我的目标是将整个对象数组发送到 Express Server。在那里我会将信息保存到 Mongo 并将文件上传到 S3。但是目前,当我在 POST 请求中发送此文件时,我无法在服务器上获取文件流,甚至req.body当我 console.log 时整个都是空对象

axios.post(`${slidesRoute}/createSlides`, args, headers);
Run Code Online (Sandbox Code Playgroud)

或者,我尝试将所有内容都放入 FormData 中。 例如:

let formData = new FormData();
    selectedFiles.forEach((selectedFile, i) => {
        formData.append(`name_${i}`, selectedFile.name);
        formData.append(`price_${i}`, selectedFile.price);
        formData.append(`tags_${i}`, selectedFile.tags); …
Run Code Online (Sandbox Code Playgroud)

javascript rest node.js express reactjs

0
推荐指数
1
解决办法
2413
查看次数