将更多参数传递给React组件上的onMessage函数

时间:2019-07-11 21:07:27

标签: javascript react-redux

我有一个EventSource,它在onMessage组件的loadGames中使用了componentDidMount函数React,因为结果是我想要的对象数组传递参数以从该数组中查找特定对象,但是我不能,因为当我定义onMessage时,即使它具有loadGames,我也不用任何参数调用函数event隐藏在内部的参数

我尝试在使用该数组的componentDidMount内放置另一个函数,但不能这样做,因为它在更新mapStateToProps之前执行了所有功能

    //on my component file
   url = 'https://wheel-of-fortune-server.herokuapp.com'
   source = new EventSource(`${this.url}/stream`)

   componentDidMount() {
     this.source.onmessage=this.props.loadGames
     //if i write this.props.loadGames(event) i get a compilation error
   }

   //on my action file
  export function loadGames (event){
     //what i want to do is loadGames (event,gameId)
   const {data}=event
   const games=JSON.parse(data)
     //so i can do const game=games.find(game=>game.id===gameId)
   return {
      type: LOAD_ALL_GAMES,
      payload: games
   }
    }

0 个答案:

没有答案