小编Jal*_*lal的帖子

好像我在这里遗漏了一些东西，它应该可以正常工作，但eslint不断抛出以下内容：

无法解析模块“反应”的路径。（导入/无未解决）

缺少“反应”的文件扩展名（导入/扩展）

当试图 import React from 'react'

这是一些调试信息：

包.json

{
  "dependencies": {},
  "devDependencies": {
    "react": "16.3.2",
    "react-dom": "16.3.2",
    "@storybook/addon-actions": "^3.4.2",
    "@storybook/addon-links": "^3.4.2",
    "@storybook/addons": "^3.4.2",
    "@storybook/react": "^3.4.2",
    "babel-core": "^6.26.3",
    "babel-eslint": "^8.2.3",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-runtime": "^6.26.0",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-config-prettier": "^2.9.0",
    "eslint-plugin-import": "^2.11.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.7.0"
  }
}

.eslintrc

{
  "parser": "babel-eslint",
  "extends": ["airbnb", "prettier"],
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  }
}

.babelrc

{
  "presets": ["env", "react"]
}

编辑器：atom v1.26.1

谢谢。

当 OnClick 的父触发器具有 span 元素的子级根本不触发 OnClick 时，我有 2 个组件。当父项为按钮时我会尝试它并且它工作得很好但是当父项为列表时它不会触发子项。

class Menu extends Component {
 handleItemClick=(e)=>{
     // whatever ..
 }
 render(){
  return(
   <ul>
     {
       items.map((item, i)=>(
            <li key={i}
                id={i}
                onClick={this.handleItemClick}>
                <Child />
                {item}
            </li>
        ))
     }
   </ul>
  )
}

class Child extends Component {
 handleSpanClick=(e)=>{
     console.log("It works!")
 }
 render(){
  return(
   <span onClick={this.handleSpanClick}></span>
  )
}

我正在测试使用 jest 构建一个带有汇总的包，每当我使用 async/await 时都会抛出错误。我不知道出了什么问题。我尝试了不同的灵魂，但它不起作用。

ReferenceError: You are trying to `import` a file after the Jest environment has been torn down.

      at loadCjsDefault (node_modules/@babel/core/lib/config/files/module-types.js:77:18)
      at loadCjsOrMjsDefault (node_modules/@babel/core/lib/config/files/module-types.js:49:16)
          at loadCjsOrMjsDefault.next (<anonymous>)
      at readConfigJS (node_modules/@babel/core/lib/config/files/configuration.js:190:47)
          at readConfigJS.next (<anonymous>)

ReferenceError: You are trying to `import` a file after the Jest environment has been torn down.

      at _parser (node_modules/@babel/core/lib/parser/index.js:9:16)
      at parser (node_modules/@babel/core/lib/parser/index.js:54:18)
          at parser.next (<anonymous>)
      at normalizeFile (node_modules/@babel/core/lib/transformation/normalize-file.js:93:38)
          at normalizeFile.next (<anonymous>)

  ?  Cannot log after tests are done. Did you forget to wait for …

假设我们有函数返回数组让我们说 fn(parm1, parm2, parm3),我想条件反转返回的数组.

我知道你可以这样做:

condition ? fn(parm1, parm2, parm3).reverse() : fn(parm1, parm2, parm3)

但就我而言,我不想两次打电话.不是数组甚至是调用数组的函数.

所以我的问题是,有什么明显可做的事情,我错过了

array[condition  && .reverse()]

或者第一种方式是调用数组方法的唯一方法.

一切都很好，直到我添加lint-staged使用husky.

我得到了相关的错误 README.md

packages\README.md
1:1  error  Parsing error: Unexpected character '#'

> 1 | # @folo/forms
  | ^

在package.json：

  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.{js,jsx,md}": [
      "eslint --fix",
      "prettier --write",
      "git add"
    ]
  }

我缺少什么？为什么这只会在我运行时发生eslint并且不会在我的Atom编辑器中抛出错误？