のonClickは、これは私は、機能性成分を反応させ、私はテーブルのヘッダーのクリック時に2つのapplySorting機能（）とsetHeaderClass（）を呼び出すようにしようとしていますされているが、機能が実行されていない反応する官能comonent内

Question

const ResultsTableViewComponent = ({data,applySorting,sorting,loading}) =>  
    {if(loading == true){ 
     return <h1></h1> 
     }else{ 
      return (<table className="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"> 
       <thead> 
        <tr> 
         <th>Model</th> 
         <th className={setClass[0]} onClick={(event)=>{applySorting('buy_requests'),setHeaderClass(0)}}>Buy Requests</th> 
         <th className={setClass[1]} onClick={(event)=>{applySorting('median_price'),setHeaderClass(1)}}>Median Price </th> 
         <th className={setClass[2]} onClick={(event)=>{applySorting('median_age'),setHeaderClass(2);}}>Median Age </th> 
         <th className={setClass[3]} onClick={(event)=>{applySorting('page_visits'),setHeaderClass(3);}}>Page Visits </th> 
         <th className={setClass[4]} onClick={(event)=>{applySorting('listings_count'),setHeaderClass(4);}}>Listing Count </th> 
         <th className={setClass[5]} onClick={(event)=>{applySorting('leads_count'),setHeaderClass(5);}}>Leads Count</th> 
        </tr> 
       </thead> 
       <tbody> 
        {data.map((item, i) => 
         <tr key={i}> 
          <td>{item.x}</td> 
          <td>{item.percentage.buy_requests ? `${item.percentage.buy_requests.toFixed(2)}`:""}% ({item.value.buy_requests})</td> 
          <td>{item.value.median_price}</td> 
          <td>{item.value.median_age}</td> 
          <td>{item.percentage.page_visits ? `${item.percentage.page_visits.toFixed(2)}`:""}%({item.value.page_visits})</td> 
          <td>{item.percentage.listings_count ? `${item.percentage.listings_count.toFixed(2)}`:""}%({item.value.listings_count})</td> 
          <td>{item.percentage.leads_count ? `${item.percentage.leads_count.toFixed(2)}`:""}%({item.value.leads_count})</td> 
         </tr> 

        )} 
       </tbody> 
       </table>) 
     } 
    } 

を定義した関数を発射ありません。 2つではなく1つの関数を実行しようとすると、うまく動作します。

Answer 1

コールバック関数内で,を;に置き換えてください。

<th className={setClass[0]} onClick={(event)=>{applySorting('buy_requests');setHeaderClass(0)}}>Buy Requests</th>