>source

이 배열 상태를 사용하여 테이블에 정보를 렌더링합니다.

여러분이 볼 수 있듯이 테이블의 모든 행에 복사 버튼을 넣어야하는데 HTML을 직접 객체에 삽입하려고했지만 실패했습니다.

테이블의 모든 행에이 복사 버튼을 표시하려면 어떻게해야합니까?
미리 감사드립니다.

  • 답변 # 1

    이:

    renderCell: (ValueFormatterParams) => {
      <a href="#">Oi </a>; // you are missing return statement
    }
    
    

    해야한다:

    renderCell: (ValueFormatterParams) => {
      return (<a href="#">Oi </a>); 
    }
    
    

    또는:

    renderCell: (ValueFormatterParams) => ( <a href="#">Oi </a>)
    
    

    편집 : 행에서 데이터 가져 오기 :

     copyHanle = (item) => {
        console.log(item);
      }
      
      //...
      render() {
       const columns = [
          //...
          renderCell: (ValueFormatterParams) => {
             const {row} = ValueFormatterParams;
             return (<a href="#" onClick={()=> this.copyHanle(row)}>Oi </a>)
        }
       ]
       //...
      }
    
    

    참조 : https://material-ui.com/components/data-grid/rendering/#render-cell

관련 자료

  • 이전 php - 동일한 데이터 필드 이름으로 MySQL 데이터베이스 테이블에 데이터를 대량 삽입하는 방법은 무엇입니까?
  • 다음 python - Discordpy 봇이 DM 채널과 상호 작용하지 않도록 만들기