小编Ivá*_*ván的帖子

当我运行测试时，出现以下错误：

({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React from 'react';
                                                                                         ^^^^^^

SyntaxError: Unexpected token import

这是有道理的，因为“import React”或“import Enzyme”的所有行都被 ESlint 标记为错误。我不知道为什么。

这是我的 .babelrc 文件：

{
  "presets": [
    "react",
    "stage-2",
    ["env", {
      "test": {
        "presets": ["env", "react", "stage-2"],
        "plugins": ["transform-export-extensions"],
        "only": [
          "./**/*.js",
          "node_modules/jest-runtime"
        ]
      },
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      },
      "modules": false
    }]
  ]
}

我有一个这个组件树的应用程序:

App
   Header
   Main
     Searcher
     List_of_albums
       Album

所以,我的想法是在主页面上有一个专辑搜索者,这会在搜索后显示一个专辑列表.为此,我正在组件Main中读取.json文件,然后将props传递给List_of_albums和Album.

到目前为止,一切正常.

现在我想以新的路线中的每个相册的信息进行访问:/ id_of_the_album.

这个buttom本地化在组件Album中,如下所示:

let albumLink = `/${this.props.id}`
<Link to={albumLink}></Link>

为此,我在组件App中尝试了这个:

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'

class App extends Component {
  constructor(){
  super()
  }

  render () {
   return (
     <Router>
      <Fragment>
       <Header />
        <Switch>
          <Route exact path='/' render={() => {
           return(
             <Main />
            )
          }} />

         <Route path='/:id_of_the_album' render={() => {
           return(
             <Profile />
           )
          }} />
          </Switch>
        </Fragment>
      </Router>
    )
  }
}

其中个人资料是显示相册详细信息的新组件.在这个新的组件中,我想用这样的东西打开各个专辑的jsons:

import singlejson from …

我想使用三元运算符,但我收到以下错误消息:

"出乎意料的令牌,预计:"

这是为什么？

这是我的第一个代码:

const GetUp = (num) => {
  for (let i = 1; i <= num; i++) {
    if (i % 3 === 0) {
      console.log('Get')
    }
    if (i % 5 === 0) {
      console.log('Up')
    }
    if (i % 3 === 0 && i % 5 === 0) {
      console.log('GetUp')
    } else {
      console.log(i)
    }
  }
}
GetUp(200)

这是我最近的代码:

const SetRuc = (num) => {
  for (let i = 1; i <= num; i++) { 
    (i % 3 …

我读了下面的代码,但我不明白它是什么意思"||" 在这方面:

function factorial(numero) {
  numero = numero || 1
  return numero * factorial(numero - 1)
}

我理解逻辑运算符,但是如果传递任何参数,我没有找到调用函数的意义.这就是为什么我的问题的原因.