Виктория's questions

如果函数上下文中不存在 alert 方法，js 从哪里获取？

正确显示

console.log(this.alert("1")); 

如果我将警报作为对象方法输出，则会出现错误

 const car = {
      carNumber: "A123",
      outputNumber: function () {
        console.log(this.alert("1"));
        console.log(this);
      },
    };
    
    car.outputNumber();

如果我只显示警报而没有这个词，一切都会为我工作

 const car = {
      carNumber: "A123",
      outputNumber: function () {
        alert(1);
        console.log(this);
      },
    };

问题：

alert函数是如何工作的，如果按照我的理解，它在全局上下文中，它为什么会起作用，如果没有全局上下文，编译器从哪里获取这个函数并运行它？是否有更多隐藏的上下文？

我已将数字值写入字符串变量，但没有出现错误，这是为什么？

https://codesandbox.io/s/lucid-elgamal-4lbin2

const BEApi = new Promise((resolve) => {
  resolve({
    string: 123
  });
});
type MyDataType = {
  string: string;
};

let myData: MyDataType | null = null;

const myResponce = async () => {
  myData = (await BEApi) as MyDataType;
  console.log(myData);
};

myResponce();

我读了很多文章，说在 dependencies 块中指定的依赖项被添加到构建中，没有它们项目将无法启动。我这样做了，将 webpack 中的所有依赖项完全转移到 devDependencies 块并收集程序集并启动了项目。它启动完美，我得出结论，绝对是在 devDependencies 或 dependencies 块中指定依赖项的位置。假设babel "runtime": "automatic“他知道如何控制一切。如果我错了，请纠正我。

这是我的项目https://github.com/power23421/TestwebpackBabel的示例，其中所有依赖项都位于 devDependencies 块中并且它有效地工作，您可以将所有依赖项移动到依赖项块中它也将有效地工作。谢谢你。

我无法连接 store 到 table，虽然我指定了正确的路径，但在这种情况下我该怎么办？

有一个输入类型元素，我想在悬停时改变它的笔画，但是它没有改变，你能告诉我改变它吗？悬停颜色

  MuiOutlinedInput: {
      styleOverrides: {
        root: {
          "& $notchedOutline": {
            borderColor: "#ff0000",
          },
          "&:hover $notchedOutline": {
            borderColor: "#ff0000",
          },
          "&$focused $notchedOutline": {
            borderWidth: 0,
          },
        },
      },
    },


import OutlinedInput from "@mui/material/OutlinedInput";

const Search = () => {
  return (
    <>
      <OutlinedInput />
    </>
  );
};

export default Search;

我阅读了很多资料，我是在 rebase 的帮助下完成的，但事实证明，在 rebase 的帮助下，提交并没有被删除，但事实上，它们被合并了，旧的也保留了下来。我有从 new 到 new7 的提交，我可以从远程存储库中删除从 new 到 new4 的提交吗？还是不可能？

我想通过这个变量编辑初始文本颜色和我试图激活的文本颜色，但它不起作用 contrastText: "#7f1616"，我该如何编辑初始和活动文本？

import * as React from "react";
import Tabs from "@mui/material/Tabs";
import Tab from "@mui/material/Tab";
import Box from "@mui/material/Box";
import { createTheme, ThemeProvider } from "@mui/material/styles";

const theme = createTheme({
  components: {
    MuiTabs: {
      styleOverrides: {
        indicator: {
          backgroundColor: "#7f1616",
          height: 3,
          contrastText: "#7f1616"
        }
      }
    }
  }
});

export default function ColorTabs() {
  const [value, setValue] = React.useState("one");

  const handleChange = (event: React.SyntheticEvent, newValue: string) => {
    setValue(newValue);
  };

  return (
    <>
      <ThemeProvider theme={theme}>
        <Box sx={{ width: "100%" }}>
          <Tabs value={value} onChange={handleChange}>
            <Tab value="one" label="Item One" />
            <Tab value="two" label="Item Two" />
          </Tabs>
        </Box>
      </ThemeProvider>
      
    </>
  );
}

有一个组件，其中一个元素是一个按钮，如何添加另一个 Button，我尝试通过添加更多 Button 按钮来添加，但如果我这样做会出错

    const App = (): JSX.Element =>{ <Button variant="contained">test button</Button>
            <Button variant="contained">test button</Button>
    <Button variant="contained">test button</Button>
    <Button variant="contained">test button</Button>
}

源组件

 import React from 'react';
 import { Button } from '@mui/material';

 const App = (): JSX.Element => <Button variant="contained">test button</Button>;

 export default App;

Jest 如何计算百分比覆盖率？代码不是 100% 覆盖，但它说 100% 覆盖。我有一个文件，它有一个功能和几个文本。

import React from 'react';

import './App.css';

function App() {


  function sum(a: number, b: number): number {
    return a + b;
  }


  return (
    <div className="App">
      {sum(132, 13)}
      <h1>Привет мир</h1>
      <h2>Привет мир2</h2>
    </div>
  );
}

export default App;

测试文件

   render(<App />);

   const title = screen.getByText('Привет мир');
   expect(title).toBeInTheDocument();

测试的时候可以看到，文件覆盖率不是100%，但是jest显示这个文件是100%覆盖的，为什么会这样呢？