import React, { Component } from "react";
import { Button } from "semantic-ui-react";
class JobReleaseForm extends Component {
render() {
return (
<div id="no-print">
<Button onClick={() => window.print()}>PRINT</Button>
<p>Click above button opens print preview with these words on page</p>
</div>
);
}
}
export default JobReleaseForm;
こんにちは、 このコンポーネントの内容だけを印刷する方法を理解しています。 これが見つかりました。Reactjs特定のコンポーネントをCSSで印刷
@media print{
*{display:none;}
#no-print{display:block;}
}
ただし、リアクションをどこに配置するかはわかりません。 特に@media
部分。 助けていただければ幸いです ありがとうございます