如何使用分页符反应？

Question

我想使用分页符，因为我想在打印页面时使用。

现在，代码没有错误，也没有警告。但我无法分开页面。

这是不同的反应方法吗？

这是我的代码。

//...
    for(let row = 0; row < rowCount; row++) {
    //some code
    //...
    //...
      page.push(
        <table key={`tablePage.'${row}`} >
          <tbody >
            <tr>
              {part}
            </tr>
          </tbody>
        </table>
      );
      page.push(<div key={`brPage.'${row}`} styleName='page-divide'></div>);
    }
    return page;

@media print {
  .page-divide {
    page-break-after: always;
    page-break-beforer: always;
  }
}

Answer 1

我认为你错误地使用了“styleName”，它应该是

page.push(<div key={`brPage.'${row}`} className='page-divide'></div>);