ecmascript-6 相关问题

2015版ECMAScript规范，现在是标准（ECMAScript 2015）。仅使用此标记，其中的问题与ECMAScript 2015中提供的新功能或技术更改有关。

嗨！🥰 我正在制作一款 MTG（万智牌）生命追踪器。真的只是为了好玩。即使它写得极其混乱等等。它的工作正常。 https://istathurcard.no/Life-Tracker/ 目标/问题...

javascript html jquery css ecmascript-6

回答 1 投票 0

在我的应用程序中，我有一个具有以下结构的对象 object = {"chatid1": {"messageId1": {message: "hello", id: 293839}, "messageId2": {message: &quo...

javascript ecmascript-6 javascript-objects

回答 1 投票 0

实现JavaScript的string.prototype.includes并分析其时间复杂度

我想知道 JavaScript 中包含的 string 方法的时间复杂度是多少，它决定了一个字符串是否可以在另一个字符串中找到。例如 str1 = 'abcd' substr = 'bcd'，conso...

javascript ecmascript-6

回答 1 投票 0

React 点符号组件在组件之间传递

在函数组件中使用点表示法时，如何将父属性布尔值传递给子组件。组件结构是在函数组件中使用点表示法时，如何将父属性布尔值传递给子组件。组件结构为 <Dropdown className="float-right"> <Dropdown.Title>Open menu</Dropdown.Title> <Dropdown.Menu align="end"> <Dropdown.Item className="hello mate" href="/dashboard"> Dashboard </Dropdown.Item> <Dropdown.Item className="hello mate" href="/settings"> Settings </Dropdown.Item> <Dropdown.Divider /> <Dropdown.Item className="hello mate" onClick={signOut}> Sign out </Dropdown.Item> </Dropdown.Menu> </Dropdown> 子组件 <Dropdown.Title> 有 OnClick 打开 ` const DropdownTitle = (props) => { const { children, className } = props; const [openDropdown, setOpenDropdown] = useState(false); const toggleDropdown = () => setOpenDropdown(!openDropdown); return ( <button type="button" onClick={toggleDropdown}>{children}</button> ); }; 如何将 openDropdown 属性从 <Dropdown.Menu> 传递到 <Dropdown.Title> 寻找使用openDropdown.tsx进行管理的解决方案，这可以避免使用组件时进行额外的编码<Dropdown> 修改代码沙箱您可以做的是使用 Dropdown 创建一个包装您的父 React.createContext 组件的上下文。然后 Dropdown 的所有子级都可以接收通过上下文提供者传递的值。将 value 组件的 Provider 属性设置为下拉菜单的状态，以及下拉菜单切换功能。 import React, { useState, createContext, useContext } from "react"; const DropdownContext = createContext(); const Dropdown = (props) => { const { children, className } = props; const [openDropdown, setOpenDropdown] = useState(false); const toggleDropdown = () => setOpenDropdown(!openDropdown); return ( <div className={`inline-flex flex-col relative ${className ? className : ""}`} > <DropdownContext.Provider value={{ openDropdown, toggleDropdown }}> {children} </DropdownContext.Provider> </div> ); }; 然后，要使用上下文值，请在需要它们的组件中使用 React 的 useContext 钩子。 const DropdownMenu = (props) => { const { children, className, align } = props; const { openDropdown } = useContext(DropdownContext); return ( <div {...props} className={` flex-col absolute mt-1 py-1 top-full bg-white text-base z-50 rounded shadow min-w-[180px] ${align === "start" ? "left-0" : "right-0"} ${className} ${openDropdown ? "inline-flex" : "hidden"} `} > {children} </div> ); }; const DropdownTitle = (props) => { const { children, className } = props; const { toggleDropdown } = useContext(DropdownContext); return ( <button onClick={toggleDropdown} type="button" className={`inline-flex items-center gap-x-1.5 rounded-md bg-white px-4 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 ${ className ? className : "" }`} > {children} <svg className="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 9l-7 7-7-7" /> </svg> </button> ); }; 此解决方案将允许您将所有值封装到一个文件中。类似于您在此处链接的引导方法：https://react-bootstrap.netlify.app/docs/components/dropdowns/

javascript reactjs ecmascript-6 notation

回答 1 投票 0

如何重置对象数组重复值设置空值

如何设置重复值是一个数组对象为空字符串。常量 arr= [ { 姓名：'someName1'，年龄：12 }， { 姓名：'someName2'，年龄：13 }， { 姓名：'someName3'，年龄：14 }， { 名称：'someName4'，...

javascript ecmascript-6 typescript-typings

回答 1 投票 0

如何在 Node.js 的工作线程中使用 ES6 导入？

如何在工作线程中使用ES6导入？我正在尝试在 Node.js 环境中的工作线程中使用 ES6 导入语法。但是，我遇到了导入声明的问题。这是一个

node.js ecmascript-6 es6-modules worker-thread node-worker-threads

回答 1 投票 0

如何理解这个异步/等待练习？

我正在做一些关于 async/await 的练习，但我对此完全空白： opA函数必须在opB之前调用，并且opB必须在opC之前调用。这样调用函数那个...

javascript node.js ecmascript-6 async-await

回答 4 投票 0

如何使用纯JS使选项卡点击时处于活动状态

我正在处理下面的导航栏我正在研究下面的导航栏 <nav class="nav" > <ul class="nav__list"> <li id="authors-tag" class="nav__list__item"><a class="nav__list__item__link" href="#">Authors</a></li> <li id="publishers-tag" class="nav__list__item"><a class="nav__list__item__link" href="#">Publishers</a></li> <li id="books-tag" class="nav__list__item"><a class="nav__list__item__link" href="#">Books</a></li> </ul> </nav> 通过使用纯 JS，我尝试向导航栏的每个选项卡添加一个事件侦听器，以便当用户单击 li 项时，通过向该 DOM 元素添加修饰符类以突出显示该选项卡将被激活它。到目前为止，我找到的每个答案都是使用 jQuery。下面是我的main.js const tabs = document.querySelectorAll('.nav__list__item__link'); tabs.forEach(clickedTab =>{ clickedTab.addEventListener('click', () => { tabs.forEach( tab => { tab.classList.remove('active'); }); e.target.classList.add('.active'); }); }); 我也尝试过通过 id 使用 getAttribute 但我似乎无法确定它。提前致谢。只需从 . 中删除 e.target.classList.add('.active');，例如e.target.classList.add('active');。 const tabs = document.querySelectorAll('.nav__list__item__link'); tabs.forEach(clickedTab =>{ clickedTab.addEventListener('click', () => { tabs.forEach( tab => { tab.classList.remove('active'); }); e.target.classList.add('active'); }); }); 我无法解决这部分的问题。当另一个选项卡处于活动状态时它没有改变。 <div class="custom-tabs"> <div class="tabs"> <div class="tab active" onclick="openTab('tab1')">JAKARTA</div> <div class="tab" onclick="openTab('tab2')">BANDUNG</div> <div class="tab" onclick="openTab('tab3')">SURABAYA</div> <div class="tab" onclick="openTab('tab4')">BALI</div> </div>  <div id="tab1" class="tab-content" style="display: block;"> [INSERT_ELEMENTOR id="82349"] </div>  <div id="tab2" class="tab-content"> [INSERT_ELEMENTOR id="82404"] </div>  <div id="tab3" class="tab-content"> [INSERT_ELEMENTOR id="82410"] </div>  <div id="tab4" class="tab-content"> [INSERT_ELEMENTOR id="82416"] </div> <style> .custom-tabs { display: flex; flex-wrap: wrap; flex-direction: row; flex: 2 0 140px; width: 300px; /* Set the desired width */ } .tabs { display: flex; } .tab { cursor: pointer; padding: 6px 0.9vw; background-color: #fff; margin-right: 2px; color : #444444; font-family: 'roboto'; font-weight: bold; font-size: 14px; } .tab.active { background-color: #444444; color : white; } .tab-content { display: none; padding: 10px 10px 10px 62px; } @media only screen and and (max-width: 1064px){ } 这是我的js <script> function openTab(tabName) { var tabs = document.querySelectorAll('.tab'); tabs.forEach(function (tab) { tab.classList.remove('active'); }); var tabContents = document.querySelectorAll('.tab-content'); tabContents.forEach(function (content) { content.style.display = 'none'; }); var selectedTab = document.getElementById(tabName); if (selectedTab) { selectedTab.style.display = 'block'; selectedTab.classList.add('active'); } } 帮我解决问题

javascript html ecmascript-6 modifier

回答 2 投票 0

JavaScript 中“整数索引”的定义（ECMAScript 2015）

我试图了解 JavaSript 对象如何对其属性进行排序。据我了解，从 ECMA262 开始，第一个属性始终是整数索引属性。例如，如果打印这些

javascript object ecmascript-6

回答 1 投票 0

TypeError: ... 使用动态导入时不是函数

我正在尝试将 @toolz/use-synchronous-state 模块导入我的 Next.js 页面。（使用下一个/动态）：从“next/dynamic”导入动态；导出默认函数index() { 常量

node.js ecmascript-6 import next.js dynamic-import

回答 1 投票 0

将异步/等待块中的部分代码提取到单独的函数中

我有一个异步匿名自调用函数。函数前面的“async”一词意味着该函数将始终返回一个承诺。如果代码中有 return，那么 JavaScript 会自动...