我完全知道这个问题看起来像是重复的，但事实并非如此。请阅读。

我有一个div带有属性的标签contentEditable="true"。我正在尝试这样做，以便我可以在div不移动焦点的情况下使用 tab 键。这是我拥有的一些不能完全解决问题的代码：

var tab = function(id){
 if(event.keyCode === 9){
    event.preventDefault();
    document.getElementById(id).innerHTML += "    ";
    setCaretPos(id);
 }
}

var setCaretPos = function(id){
   var node = document.getElementById(id);
   node.focus();
   var textNode = node.firstChild;
   var caret = textNode.length;
   var range = document.createRange();
   range.setStart(textNode, caret);
   range.setEnd(textNode, caret);
   var sel = window.getSelection();
   sel.removeAllRanges();
   sel.addRange(range);
}

这基本上只是在 div 内文本值的末尾添加四个空格，然后将插入符号移动到末尾。当我在其他行上使用制表符时，这会成为一个问题，因为它只会将制表符添加到末尾（如果我不在最后一行）。

所以，我想插入插入符号所在的四个空格。这就是麻烦的地方。我会展示代码，但我不确定我做错了什么。我希望它在插入符号之前的文本中添加四个空格，然后在插入符号之后添加所有文本。这是代码：

var insertTabAtCaret = function(id){
   if(event.keyCode === 9){
       event.preventDefault();
       var box = document.getElementById(id);
       if(box.selectionStart || box.selectionStart == "0"){
           var startPos = …

我只是想了解Promises和Await是如何工作的.
我希望通过1, 2, 3以该顺序登录来解决此问题.目前它记录1, 3, 2.

我知道Promise在这里没有意义,但在我的程序中它有其他用途,所以需要留下来.从Caller功能到Test需要留下的路线(如果需要你可以改变这些但只是知道他们在那里是有原因的)

我的问题是如何等待Caller函数解决？

这是我的代码:

function Test() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('2');
      resolve();
    }, 2000);
  })
}

function Caller() {
  Test();
}

console.log('1');
Caller();
console.log('3');

我已经尝试了我所理解的,即使Caller()函数等待Test Promise,但这当然使得Caller()函数异步,因此我们仍然得到1,3,2

async function Caller() {
    await Test();
}

是否有一些方法可以使用await而不使函数异步？

在此输入图像描述

我想将切换隐藏/显示的睁眼引导图标添加到我的输入字段。我已经知道 javascript 可以做到这一点。我只想知道如何将该眼睛图像添加到输入字段。

从 W3 学校找到了这个 html 代码 - 用于眼睛图标 https://www.w3schools.com/icons/tryit.asp?filename=trybs_ref_glyph_eye-open

我正在使用React-popper单击按钮后，显示日期选择器元素。

JSX

<Manager>
    <Reference>
        {({ ref }) => (
            <button ref={ref} onClick={this.onDateRangeBtnClick}>click to show</button>
        )}
    </Reference>
    {ReactDOM.createPortal(
        <Popper placement="auto-end" >
            {({ ref, style, placement, arrowProps, scheduleUpdate }) => (
                <div className={`dayPickerOverlay ${this.state.showDatePicker ? "" : "hidden"}`} ref={ref} style={style} data-placement={placement}>
                    <DateRangePicker />
                </div>
            )}
        </Popper>,
        document.querySelector('#root')
    )}
</Manager>

onDateRangeBtnClick单击按钮后调用when ，我想通过调用重新定位 Popper 元素scheduleUpdate方法，但我不知道如何处理。

我如何公开scheduleUpdate要在 JSX 内部onDateRangeBtnClick调用的特定函数，或者如何有条件地调用scheduleUpdateJSX 本身内的函数（就此而言）？

我正在使用react-router-dom v4.3.1.

例如：我有以下网址 http://localhost:3000/url1/url2/url3

我只需要替换 URL 中的最后一条路由：/url3？/mynewroute3

用历史怎么做？

我在我的一个项目中使用 react-chartjs-2 并且我找不到图表的问题，因为在移动设备上所有标签和图例仍然很大。我试过了responsive: true，maintainAspectRation: true。没有任何效果

找到了用于vanilla js实现的出色代码_.get：

const get = (obj, path, defaultValue) => path.split(".")
.reduce((a, c) => (a && a[c] ? a[c] : (defaultValue || null)), obj)

现在，我正在寻求_.set实施，任何帮助将不胜感激。

我在使用create-react-app和craco设置webpack别名路径时遇到问题，已经使用谷歌搜索但无法解决问题。

const path = require("path");

module.exports = {
  webpack: {
    resolve: { 
      alias: {
        "@app": path.resolve(__dirname, "src/"),
      }
    }    
  }
};

import React from 'react';
import ReactDOM from 'react-dom';
import …