Javascript 如何使用react to print library强制分页符？

我想打印我的html页面，它是用React Js开发的。我想在newpage中显示每个组件。我试图使用此代码强制分页符

 <table>
          <tbody>
              {props.scores.map(competencyScores => (
                  <tr style={{breakBefore: 'page', breakInside: 'avoid', breakAfter: 'page', position:'relative'}}>
                  <td style={{breakBefore: 'page', breakInside: 'avoid', breakAfter: 'page',  position:'relative'}}>
            <CompetencyOverview
              competencyWithScore={competencyScores}
              key={competencyScores.id}
              innerRef={el => (competenciesRef.current[competencyScores.id] = el)}
              hideCircle={true}
              projectId={props.projectId}
            />
                    </td>
            </tr>
          ))}
          </tbody>
        </table>

{props.scores.map（competencyScores=>(
（competenciesRef.current[competencyScores.id]=el）}
hideCircle={true}
projectId={props.projectId}
/>
))}

我正在使用库打印html。我无法强制分页符。有谁能给我推荐一个解决方案或是一个新的库，在那里我可以实现pagebreak