我想說的是
組件傳遞資料並不是只能傳遞數值，函式也可以傳遞
子組件不能直接操作父組件的資料，要通過父組件傳來的函數去變更父組件的資料

上一篇中我們把按摩服務列表的清單內容拆分成獨立組件
但是每次新增的時候都是寫死的值，這並不是我們要的結果

首先先把輸入值傳遞過去，讓新增功能正常
Massage.js

<MassageService
  key={index+massageService}
  massageService={massageService}
/>

MassageService.js

import React, { Component } from 'react';
class MassageService extends Component {
  render() { 
    return ( 
      <li>{this.props.massageService}</li>
    );
  }
}
 
export default MassageService;

可以看到的是我們把 key 放在父組件中呼叫子組件的地方
而不是傳進子組件之後再來呼叫 key 值

現在應該已經可以正常的新增按摩服務了
下一步要把刪除功能也復原