도쿄사는 외노자

아래와 같은 데이터를 가지고, 그 내용을 그대로 출력하는 테이블 컴포넌트가 있다. 12345678910111213141516171819202122const sampleData = { ... , rows: [ { id: '1', name: 'Frozen yogurt', jname: 'フローズンヨーグルト', }, { id: '2', name: 'Ice cream sandwich', jname: 'アイスクリームサンドイッチ', }, { id: '3', name: 'Eclair', jname: 'エクレア', }, ... ]};export default sampleData;cs jname 칼럼 안에 버튼을 달고 싶은데, 테이블 컴포넌트나 원본 데이터의 소스는 건드릴 수 없다.테이블은 독립된 부품이라 view에서 뭘..

예전에 자작 데이터테이블에 Add Row버튼을 달아 두고,클릭시 테이블 최하단에 줄을 추가하는 작업을 해 두었다.추가할 줄의 내용은 다음과 같이 data에 미리 설정해두고 props로 받아서 사용하고 있었다. 12345678910111213141516... additionalRow: { name: 'AdditionalRow', jname: '追加行', kname: '추가행', calories: '', fat: '', carbs: '', protein: '', sodium: '', calcium: '', iron: '',}, ...cs 근데 이 데이터테이블에 TextField를 만들어, 추가할 줄의 내용을 수정하려 하는 것에서 문제가 발생했다.한 항목의 내용을 바꾸면, 행 추가를 통해 만들어진 다른 행도 ..