我使用一个包含嵌套数据的API。数据以较小的页面(一次<10个JSON对象)发送，检索到的信息仅在该页面上使用，它不会在整个会话中持久存在。我尝试过使用不可变的JS和Native JS来存储JSON。我使用不可变的问题是，为了将信息呈现到模板中，它将经历一系列类似下面这样的类型转换。
JSON -> JS -> ImmutableMap -> JS
所以我更喜欢使用原生JS。缺点是不可变JS的应用程序接口对于使用getIn()检索映射中的字段非常方便。对于原生JS，我使用方括号来访问嵌套的对象字段。
const A = { B : { C: D }};
浏览 18提问于2020-02-11得票数 0
回答已采纳
我正在学习一个node.js初学者教程，偶然发现了这段代码： const respondEcho = (req, res) => {
const { input = '' } = querystring.parse(
req.url.split('?').slice(1).join('')
)
} 这一行的语法 const { input = '' } = querystring.parse() 对我来说有点困惑。它看起来像是一个常量对象集的声明，该常量对象集等于一个返回键值对的方法。然而，
浏览 45提问于2021-02-26得票数 0
回答已采纳
1回答
我已经为我当前的问题找到了解决方法，但我想了解为什么会发生这种情况或更好的解决方案。 我正在向一个子组件传递7个道具。在第一次渲染时，所有道具都会出现在控制台中。在第二次渲染时，缺少3个道具。这会导致我的模块出错，说它找不到不存在的东西。 这是我目前使用JSX的解决方案。验证props是否存在。如果存在，请查看props.data是否存在。如果是，则显示内容。 我的原创理论什么都不会显示出来。然而，this.props.datathis.props.cardIndex.character确实显示了我希望的效果。任何帮助理解这一点的人都将不胜感激！ 工作代码： render() {
浏览 17提问于2021-04-09得票数 0
我想尝试一下新的兼容DOM的EventTarget类available as of Node.js 14.7.0。 我只能在CommonJS模块中使用它，而不能在ES6模块中使用它。例如： 运行node --expose-internals test.js工作，其中test.js是： const { Event, EventTarget } = require('internal/event_target');
const et = new EventTarget(); 如果我从ES6模块中使用它，我会得到一个错误： test.mjs import { Event, Eve
浏览 18提问于2020-10-04得票数 1
回答已采纳
我将Next.js链接作为一个带有typescript的自定义反应函数，因为“链接”需要"href“属性才能在我想调用的任何地方调用它。所以我不能把它当做一个在表单中作为提交按钮的按钮 import NextLink, { LinkProps } from "next/link";
import { HTMLProps, FC } from "react";
export const LinkButton: FC<LinkProps & HTMLProps<HTMLAnchorElement>> = ({
as,
浏览 24提问于2021-11-11得票数 2
回答已采纳
我正在执行一个相当复杂的GraphQL查询。有时它会返回undefined，但当我刷新页面时，它可以正常工作。 我正在构建一个web应用程序，使用ReactJS作为前端，使用GraphQL来获取数据。查询相当复杂，即使我注释掉页面中的整个代码(因此实际上没有信息呈现给页面，只是执行了它们的查询)，它有时仍然返回未定义的。 我已经在GraphQL操场上尝试了这个查询，它工作得很好。 如果我看一下我的服务器响应，0.chunk.js.map响应时间非常长。 有人知道这可能是什么吗？ 我正在呈现的页面在组件层次结构的不同级别执行了5个不同的graphQL查询。但通常是最高级别组件中的查询经常返回未
浏览 9提问于2019-09-03得票数 0
1回答
这是我的组件(Amount.tsx)：
export const Amount = ({price, prevPrice}) => {
return (
<div className="product-amount">
<div className="price">
{prevPrice ? (<del className="prev">{Number(prevPrice).toLocaleString()} تومان </del>) : '&
浏览 6提问于2021-06-02得票数 0
回答已采纳
1回答
我试图将参数传递给一个新的类构造函数，如果没有传递任何参数，则计算默认参数，同时仍然可以选择通过参数的参数名传递任何参数。
class thing{
constructor({a = 0, b = 0}) {
if(a == 0){this.a= func();}
else {this.a = a;}
if(b == 0){this.b= func();
else {this.b = b;}
}
var defaultThing = new thing(); // returns Cannot destructure property `a` of 'undefin
浏览 18提问于2020-02-23得票数 0
回答已采纳
1回答
我在React Native中得到以下代码的错误： Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array object must have a [symbol.iterator]() method counter-context.js import React, {useState, createContext} from 'react'
export const CounterContext = createContext();
export co
浏览 68提问于2020-09-12得票数 2
回答已采纳
用户名属性未定义。它在currentUser下的credentials下显示状态，所以我不确定为什么会发生这种情况。错误显示在： const {
classes,
currentUser: {
credentials: { username, image },
loading,
authenticated,
},
} = this.props; 完整代码： class messages extends Component {
constructor() {
super();
this.state = {
se
浏览 24提问于2020-07-27得票数 1
回答已采纳
我正在尝试集成谷歌分析应用程序接口“服务器到服务器”在Node.js。我现在正在关注这个文档。尝试了更多。
我现在遇到的是一个错误
var analytics = google.analytics('v3');
^
TypeError: google.analytics is not a function
at Object.<anonymous> (/server/services/data_resources/analytics/analyticsTest3.js:9:24)
at Module._compi
浏览 0提问于2018-09-13得票数 1
假设我有这个：
const mapStateToProps = ({
amount: {
monthly: { cost },
},
}) => ({
amount,
period,
interval,
})
它抱怨无法读取null的cost
这是因为每月的某项为null
有没有一种安全的方法，如果monthly是null，我可以只为cost返回null？
我试过做cost: cost || null或者别的什么，但是都没有用。
有什么想法吗？
浏览 0提问于2018-07-31得票数 1
回答已采纳
1回答
可以在JavaScript中导出类定义吗？例如,
在HelloWorld.js文件中：
'use strict';
class HelloWorld {
constructor(msg = 'Hello World~') {
this.message = msg;
}
sayHi() {
console.log(this.message);
}
}
module.exports = HelloWorld;
然后在"index.js“中
'use strict';
var HelloWorld = re
浏览 0提问于2016-02-04得票数 0
这是代码，
export function createConnect({
connectHOC = connectAdvanced,
mapStateToPropsFactories = defaultMapStateToPropsFactories,
mapDispatchToPropsFactories = defaultMapDispatchToPropsFactories,
mergePropsFactories = defaultMergePropsFactories,
selectorFactory = defaultSelectorFac
浏览 26提问于2017-02-23得票数 9
回答已采纳
1回答
在我的React应用程序中，我想渲染一个道具值，但它不存在，直到道具被更新，这发生在渲染完成之后。
this.props.users是一个对象，所以我使用Object.keys()将其转换为数组，然后使用键对子元素进行映射：
// ...
render() {
return {
<div className='users-list'>
<h4>Users List</h4>
{!isLoaded(users) ? '' :
Object.keys(users
浏览 5提问于2017-01-18得票数 1
2回答
我可以在导入时解构默认的导出对象吗？
给定以下导出语法(export default)
const foo = ...
function bar() { ... }
export default { foo, bar };
以下导入语法是否有效JS？
import { foo, bar } from './export-file';
我这么问是因为它确实在我的系统上工作，但有人告诉我它不应该按照规范工作。
浏览 0提问于2017-05-06得票数 78
回答已采纳
我有一个在消息嵌入的所有文本中查找关键字的函数:我知道这样做有很长的路要走，但我不知道如何完成同样的事情。
我从另一篇关于这个主题的文章中得到了这个函数，但是我得到了这个错误，如果我不能，有没有其他方法从嵌入中获取数据？
const Discord = require("discord.js");
const bot = new Discord.Client();
const config = require("./config.json")
function findInMessage(message, target, {
caseSensitive =
浏览 0提问于2020-06-07得票数 0
我有以下利用流类型的函数
push = (pathname: string, data?: Object) => {
const history = [...this.state.history, pathname];
this.setState({
history,
pathname,
data
});
};
在普通的javascript中，我可以做一些像(pathname, data = null)这样的事情，如果没有提供null，那么它将被用于数据，但是当我使用流类型时，我不能弄清楚这方面的语法。
浏览 10提问于2018-02-28得票数 0
回答已采纳
嗨，我是react的初学者，我在react中有一个项目。我如何解决这个问题=> TypeError: arrSymbol.iterator不是一个函数
我想实现一个基于令牌的登录操作
我的控制台还说:上面的错误发生在组件中:登录(由ConnectFunction创建)在ConnectFunction(由Context.Consumer创建)在路由(在Routing.js:24)在路由(在App.js:13)在应用程序(在src/index.js:14)在路由器(由BrowserRouter创建)在BrowserRouter(在src/index.js:13)在Provider (在src
浏览 20提问于2019-07-30得票数 1
2回答
在python中，我们可以在函数调用中省略带有默认值的参数。例如：
def post(url, params={}, body={}):
print()
print(url)
print(params)
print(body)
post("http://localhost/users")
post("http://localhost/users", {"firstname": "John", "lastname": "Doe"}) # Skip
浏览 171提问于2019-10-30得票数 2
回答已采纳
1回答
我正在使用Office-JS包开发Office Web外接程序。该插件在Mac上的功能与预期一致，但在Windows上无法加载。这个插件在Mac上使用的是基于Safari的webview，但在Windows上使用的是基于IE11的webview，我认为这是问题的根源。
我实际上不知道这是否与Office-JS包和webview环境有关，但我只是为了上下文而提到它。
我无法从Microsoft Office Webivew获得太多调试信息，但当我在IE11中加载应用程序的URL时，在控制台中得到以下错误：
SCRIPT1010: Expected identifier
它列出了遇到错误的JS文件
浏览 28提问于2021-10-09得票数 0
今天我在编写一个小的discord.js音乐机器人，但是我遇到了一个错误，我真的不知道如何修复它。有谁知道解决办法吗？
这是我的代码
const fs = require('fs');
const { discord, Client, Intents } = require('discord.js');
const myIntents = new Intents();
myIntents.add(Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES, Intents.FLAGS.GUILD_VOICE_STAT
浏览 12提问于2021-09-14得票数 0
我在试着找一些关于解构的东西：
如果我这样做：
const { id, category: { categoryId } } = {};
它抛出一个错误
VM136:1 Uncaught TypeError: Cannot destructure property "categoryId" of "undefined" or "null".
因为我们正在尝试访问类别的属性categoryId，但类别未定义。
有没有什么解决方案可以只在一行解构上做到这一点？我试过了：
const { id, category: { categoryId = nul
浏览 0提问于2019-09-13得票数 1
1回答
我找到了这段代码，并希望在初始化后解释为什么需要'={}‘。我能弄明白的是: 1) const使'props‘对象常量(而不是它的内容) 2)像'elementDimensions.width’这样的字段被初始化，但是对象被设置为={}，为什么需要这样做? 3)最后是'= props'，'props‘有可能向这个对象添加字段吗？谢谢。
export default (props) => {
const {
elementDimensions: {
width = 0,
浏览 2提问于2019-02-19得票数 1
1回答
我希望将如下所示的操作作为道具传递给组件，但在这样做时遇到错误。 这似乎工作得很好： import React, { useState, useEffect, useContext } from 'react';
import MyScheduleDispatch from './MyScheduleContext'
export default function generateShowItem({action}) {
const dispatch = useContext(MyScheduleDispatch);
const [isIcon
浏览 14提问于2019-06-10得票数 0
假设我有一个javascript模块first_file.js
var first = "first",
second = "second",
third = "third";
module.exports = {first, second, third};
如何在一行中将这些导入到另一个文件中？以下代码仅导入third
var first, second, third = require('./path/to/first_file.js');
浏览 2提问于2016-01-09得票数 9
回答已采纳
我有这样的东西：
const { a: b = '' } = c;
后来，许多验证都是基于b的值完成的，但是，根据我的说法，这个值被分配了''，这是正确的吗？
浏览 4提问于2019-10-31得票数 0
回答已采纳
2回答
我想知道是否有任何方法可以简化这条if/else语句，只是好奇地想找到一种内联的方法来解决这个问题(由于实验目的，变量是如此微不足道： var a = false;
var b = false;
var condition = true;
if (condition) {
a = true;
} else {
b = true;
} 我和一位同事把它当作一次代码挑战，如果有这样的感觉，请加入我们，干杯:)
浏览 33提问于2021-04-15得票数 0
我有一个函数：
export default ({
input: { name, onChange, value, ...restInput },
meta,
...rest
}) => (
...
);
假设'name‘是一个字符串，'onChange’是一个函数，'value‘是一个字符串，'meta’是一个对象，我如何向这些参数添加类型？我最好的猜测是：
export default ({
input: { (name: String), (onChange: function), (value: String), ...rest
浏览 5提问于2018-11-16得票数 24
回答已采纳
我在mongodb连接的变量赋值中得到了一个TypeError。有解决这个问题的办法吗？
//server.js
var mongoose = require('mongoose');
var config = require('./config');
var { db: {user,pass,host,port,name } } = config;
var connectionString = `mongodb://${user}:${pass}@${host}:${port}/${name}`;
mongoose.connect(connectionS
浏览 1提问于2018-04-19得票数 12
2回答
我正在尝试使用最合适的ES6语法定义一个带有参数的构造函数的Javascript类。首先，很容易这样定义它。
let param1 = 10;
let param2 = 'foo';
let param3 = 200;
let param4 = 'bar';
let props = {id: param1, options: { op1: param2, op2: param3, op3: param4 }};
console.log('Object props');
console.log(props);
class Test {
浏览 0提问于2016-11-17得票数 9
回答已采纳
1回答
组件未显示。我没有收到任何错误消息。我正在尝试从url获取数据，并根据这些数据在PollList上构建一个简单的列表。我可以从操作中console.log(轮询)，它可以工作，但它只是不建立列表 下面是代码。 pollsactions.js import { GET_POLLS, POLLS_LOADING } from './types';
export const getPolls = () => dispatch => {
return fetch(URL)
.then(res => res.json())
浏览 12提问于2019-06-04得票数 0
回答已采纳
1回答
显然，当我调用“成员”数组时，它的长度是未定义的。老实说，我不知道为什么。它说在redux devTools中数组中有一个对象，所以它不应该正确地返回长度吗？只有当我尝试提交表单以显示值的审核时，才会出现错误。
const AddWorkout = ({ handleSubmit, submitting }) => (
<div style={{ textAlign: "center" }}>
<h2>Enter Your Workout Details</h2>
<form onSubmi
浏览 0提问于2019-09-04得票数 0
我正在写一个简单的登录表单使用GraphQL和阿波罗。每次用户登录后，它都会重新获取查询以获取用户数据。
import React, {Component} from 'react'
import AuthForm from './AuthForm'
import loginMutation from '../mutations/Login'
import { graphql } from 'react-apollo'
import userQuery from '../queries/CurrentUser'
浏览 2提问于2017-11-15得票数 4
1回答
看看这个破坏性作业( ES6)：
var {a, b} = {a:1, b:2}
console.log(b); //2
很明显，a将成为1，b将成为2。
将其视为：
"use strict";
var _a$b = { a: 1, b: 2 };
var a = _a$b.a;
var b = _a$b.b;
console.log(b);
好的。
但是看看这段代码：
var { x : { y = 10 } } = { x : 15 };
console.log(y); //10
正如您可以的那样，结果是10。根据凯尔·辛普森的说法，这里有一种隐含的胁迫。
问题：
这里发生
浏览 2提问于2015-09-05得票数 1
回答已采纳
可以使用解构赋值语法将数据对象提取到另一个对象而不是不同的变量中吗？
生成不同变量(foo，bar)的示例：
var {p: foo, q: bar} = {p: 42, q: true};
console.log(foo); // 42
console.log(bar); // true
我需要创建一个新的对象，它包含以下属性：
var n = {
foo: 42,
bar: true
}
浏览 0提问于2017-04-16得票数 7
回答已采纳
4回答
我正在尝试理解这种ES6解构。有人能解释一下这行代码会编译成什么吗？ const { loading, route: { pageName = 'default' } = {} } = this.props;
浏览 29提问于2019-11-19得票数 3
回答已采纳
1回答
我正在尝试直接在参数函数中解构数值，并使用通用对象影响默认值(对于每个解构的subProperties )： 示例 const initialTest = {
name: 'myName',
surname: 'mySurname',
age: 100,
};
const MyComponent = ({
test: { name, surname, age } = initialTest,
}) => { ... }
<MyComponent test={{ name: 'myNameFromProps' }
浏览 19提问于2020-01-10得票数 3
2回答
考虑以下代码：
const log = ({a,b=a}) => console.log(a,b);
log({a:'a'})
为变量b指定值a。这在将其转换为es5时确实有效，但我不能完全确定这是否是有效的es6语法。
我可以在非结构化对象中进行这种默认值赋值吗？
浏览 1提问于2018-03-15得票数 0
1回答
我有以下Angular组件：
@Component({
...
template: `
<div>{{getDisplayValue(value)}}</div>
<button (click)="value= { display: 'one' }">1</button>
<button (click)="value.display = 'two'">2</button>`
})
export class TestProblemButton
浏览 2提问于2022-01-11得票数 1
回答已采纳
为了学习Scala的宏系统，我想我应该尝试编写一个基本的CPS转换宏。我已经为Clojure编写了一个相当全面的CPS转换框架，所以我非常熟悉CPS转换本身。然而，我遇到了转换函数/方法应用程序的问题。
对于CPS转换，以下形式的函数调用：
cps(f(<a>, <b>, <c>, ...))
需要翻译成以下形式的表达式：
cps(<a>){ $a =>
cps(<b>){ $b =>
cps(<c>){ $c =>
... => f($a, $b, $c, ...)
浏览 1提问于2017-09-26得票数 0
我知道如何使用JSX传播属性，但我想了解它是如何工作的。例如：
<TestComponent { ...{name: 'Tom', height: '1.8m'} } />
我假设第一对大括号表示所包含的都是JS代码。如果我错了，请纠正我。如果这是正确的，那么...{name：'Tom'，height：'1.8m'}不是有效的JS语法，从下面可以看出：
const props = ...{name: 'Tom', height: '1.8m' } // Syntax error, un
浏览 1提问于2020-07-22得票数 0
4回答
我想将一个对象作为参数传递给函数。如果此对象的属性'prop‘未定义，则应使用默认值对其进行初始化。
如何使用现代JS做到这一点？
我希望是这样的：
const fun = function(options = { prop: 'default'}) { console.log(options.prop)}
fun({a: 'x', prop: 'hello'}) ... // log: 'hello'
fun({a: 'x'}) ... // log: 'default'
浏览 1提问于2019-04-23得票数 4
3回答
我开始学习React js，然后我开始学习解构道具。通常，我们要做的是分解属性，然后使用属性，就像Greet组件中的以下代码一样
import React from "react";
const Greet = props => {
const { name, heroName } = props; //here I destructured it
return (
<div>
<h1>
Hello {name} a.k.a {heroName}
</h1>{" "
浏览 28提问于2020-03-09得票数 5
我正在做一个小项目，但在使用所谓的Context API时遇到了一个问题。我也是第一次这么做。
我遇到的问题是我无法对正在设置的数据执行console.log操作。现在我正在试着做一个“添加到购物车”按钮，每当按钮被按下。一个包含名称、价格、颜色等内容的对象将被发送到我的ShoppingCart组件。
每当我按下按钮时，我都可以设置这个值。它会出现在console.log中。尽管如此，我还是无法从ShoppingCart中console.log出这个值。
我的文件如下所示：
./Contexts
./AddToCartContext.js
./Components
./Produc
浏览 0提问于2021-05-23得票数 1
我正在尝试创建一个组件(按钮)，可以使用一些道具修改。应该可以更改按钮的背景色。如果未设置此颜色，则应使用默认值。我如何才能做到这一点？:) import * as React from 'react';
import { StyleSheet } from 'react-native';
import { Button } from 'react-native-paper';
const button = (props) => {
const [title, setTitle] = React.useState('&#
浏览 36提问于2021-08-24得票数 1
回答已采纳
中的代码是如何工作的--为什么？对象表示法似乎不能满足要求。我发现它相当令人困惑。在文档@Mozilla或@NodeJS中，这指的是什么？
文件expose.js
module.exports = {__dirname};
文件use.mjs
import expose from './expose.js';
const {__dirname} = expose;
那么，在use.mjs中，仅从对象导入关键字，这不应该真正起作用吗？(这不是...但上面的是！)
import {__dirname} from './expose.js';
编辑：我通常会做类似im
浏览 73提问于2018-08-10得票数 0
回答已采纳
1回答
对于下面的代码，我得到了这个linting错误--“错误，意外的空对象模式无-空-模式”。有人知道如何解决这个问题吗？这是一个tsx文件。
const stateToProps = ({}, { data = [], filters = {}, staticFilters =
[{}] }) => {
const allFilters = staticFilters ? Object.assign({}, filters, ...staticFilters) : filters;
const newData = getFilteredRows(allFilters, dat
浏览 16提问于2019-08-22得票数 9
如何在以下结构中键入非结构化对象？
interface IUser {
username: string
image: string
uid: string
}
interface IDataProp {
user: IUser
}
const {
user: {
username,
image,
uid
} = {},
} = { ...data, user: data.user || {} }
浏览 1提问于2020-04-07得票数 0
回答已采纳
我有一个NodeJS + Express应用程序正在运行，我正试图通过Mocha测试来测试我的应用程序接口。这些测试通过npm脚本(也是Travis调用的相同脚本)在本地运行得很好，但在Travis上运行时，我遇到了以下错误： > mocha --exit
/home/travis/build/tristonpang/restful-web-cs3219/node_modules/mocha/bin/mocha:13
const {deprecate} = require('../lib/utils');
^
SyntaxError: Unexpected
浏览 23提问于2020-09-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
