Почему происходит ошибка в connect?

Question

[Rapen]

Синтаксически вроде ничего нет

Syntax error: C:/Users/asd/Desktop/react-app/src/App.js: Unexpected token, expected } (35:43)

  33 |      
  34 | 
> 35 | export default connect(state => ({ updState: state})
     |                                            ^
  36 | )(App);

Comments

[Максим]

Rapen где-то выше могли забыть скобочку, например.

[Rapen]

Максим: Говорю же синтаксически ничего не нарушал, 35 строчка кода, ну куда же именно нужно вставить скобочку? :)

[Максим]

Rapen значит нужно сделать пример на гитхабе или на codepen или где угодно,) у вас там может вебпак не так настроен или еще что-то?

[Rapen]

Максим: Вот код plnkr.co/edit/XbtJA6pDV69sGjEGlxIo, он не доделан.

[Aves]

Rapen: да там одни ошибки, в первом input в ref нет закрывающей фигурной скобки, в конце после map вообще муть, плюс не хватает закрывающего div. В самом map кстати надо либо return добавить, либо фигурные скобки убрать.

class App extends React.Component {
  render() {
    return (
      <div className='todoMain'>
        <input className='val' ref={(input) => { this.inputAdd = input }} placeholder='Add a Task...' type='text' />
        <input  type='button' value='Add' onClick={this.handleAdd} />
        <input type='button' value='Clear' onClick={this.handleRemove} />
        {this.updState.map((n,i) => <div>
          <div className='listElem' key={i}>
            {n.value}
            <input type='checkbox' ref={ref => refs.push(ref)}/>
          </div>
        </div>)}
      </div>
    );
  }
}

[Rapen]

Aves: я знаю, отрисовку я на скорую руку написал, но в первую очередь хочу понять почему ошибка в connect

[Aves]

Rapen: возможно Максим разъяснит, зачем нужны все эти глупые скобочки

[Максим]

Aves: не, ночь на дворе) я вижу ваш ответ достаточно хорошо написан, так что пусть Rapen сделает сначала без ошибок, чтобы мы не искали зря.

Answer 1

[KnightForce]

Эмм, нет?

Если по полочкам:

export default connect(
    state => ({ updState: state}// Где скобка закрытия??? 
)

Вместо:

export default connect(state => ({ updState: state})

Так:

export default connect(state => ({ updState: state}))

Короче, скобку закрыть.
Попробуй.

Comments

[Rapen]

Все закрыто )(App)