([]);const[rowSelection,setRowSele"> Tanstack Table 및 React JS: React JS 및 Tanstack Table을 사용할 때 상태에 따라 버튼을 표시하거나 숨기는 방법-PHP 중국어 네트워크 Q&A
Tanstack Table 및 React JS: React JS 및 Tanstack Table을 사용할 때 상태에 따라 버튼을 표시하거나 숨기는 방법
P粉042455250
P粉042455250 2023-09-02 23:04:17
0
2
617

저는 반응 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`}>수정 의제
); }, 활성화 정렬: 거짓, 활성화열필터: 거짓, },

각 행의 상태에 따라 버튼('일정')을 표시하거나 숨길 수 있기를 원합니다

P粉042455250
P粉042455250

모든 응답 (2)
P粉555682718

삼항 연산자,조건부(삼항) 연산자

를 사용해 본 적이 있나요?
    P粉006847750

    cell.row.original.status访问每行的status값을 사용하여 상태 변수에 저장하는 대신 해당 값을 기반으로 버튼을 표시할 수 있습니다.

    으아악
      최신 다운로드
      더>
      웹 효과
      웹사이트 소스 코드
      웹사이트 자료
      프론트엔드 템플릿
      회사 소개 부인 성명 Sitemap
      PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!