[TIL-149] 위코드 59일차:

 

{detailToggle && (
          <table className="applyDetail">
            <thead>
              <tr>
                <th>지원 회사</th>
                <th>지원 직군</th>
                <th>지원 일자</th>
                <th>지원 상태</th>
              </tr>
            </thead>
            <tbody>
              {applicationList.length &&
                applicationList.map((detail, index) => (
                  <tr key={index}>
                    <td>{datail.company_name}</td>
                    <td>{detail.category}</td>
                    <td>{detail.applied_date}</td>
                    <td>{detail.apply_status}</td>
                  </tr>
                ))}
            </tbody>
          </table>
        )}

잡았다...... 오타.....

 

// 최상위 부모 컴포넌트에서 deleteFile()과 fileLoad() 함수를 props로 받음.

// Before 1

<button
    onClick={() => {
      deleteFile(uuid);
      fileLoad();
    }}
>
  삭제
</button>


// Before 2

<button
    onClick={async () => {
      await deleteFile(uuid);
      fileLoad();
    }}
>
  삭제
</button>

// After

// 최상위 부모 컴포넌트 안

const deleteFile = uuid => {
    fetch(`http://10.58.5.194:8000/cv/list/${uuid}`, {
      method: 'DELETE',
      headers: {
        Authorization: token,
      },
    }).then(res => {
      if (res.status === 200) {
        alert('삭제가 완료되었습니다.');
        fileLoad();
      }
    });
  };

const fileLoad = () => {
    fetch('http://10.58.5.194:8000/cv/list', {
      method: 'GET',
      headers: {
        Authorization: token,
      },
    })
      .then(res => res.json())
      .then(data => {
        setFiles(data.result);
      });
};


// 자식 컴포넌트

<button
    onClick={() => {
      deleteFile(uuid);
    }}
>
  삭제
</button>