([]);const[rowSelection,setRowSele">
저는 반응 js를 가지고 있고 tanstack 테이블(react-table)을 구현했습니다. 각 행의 상태에 따라 버튼/링크를 표시하거나 숨기도록 만드는 데 도움이 필요합니다. "승인" 상태가 포함된 행이 있으면 버튼이 표시되고 그렇지 않으면 숨겨질 것이라고 가정합니다.
......일부 데이터 초기화 const [sorting, setSorting] = useState([]); const [rowSelection, setRowSelection] = useState({}); const [isApproved, setIsApprove] = useState(false); ...호출 열 const columns = useMemo []>( ...열 목록 { accessorKey: "상태", 헤더: () => 상태, 셀: (셀: 임의) => let status = cell.getValue(); return cell.getValue(); }, 활성화 정렬: true, 활성화열필터: 참, }, { accessorKey: "작업", 헤더: () =>Action 셀: (셀: 임의) => console.log(isApproved); 반품 ( <링크={`./${cell.row.id}/edit`}>수정); }, 활성화 정렬: 거짓, 활성화열필터: 거짓, },의제
각 행의 상태에 따라 버튼('일정')을 표시하거나 숨길 수 있기를 원합니다
삼항 연산자,조건부(삼항) 연산자
를 사용해 본 적이 있나요?
으아악cell.row.original.status
访问每行的status
값을 사용하여 상태 변수에 저장하는 대신 해당 값을 기반으로 버튼을 표시할 수 있습니다.