用js实现页面局部打印和预览原理是什么呢？同时在IE上有什么不同？

#print {  display: none !important;}@media print {  body > * {    display: none;  }  #print {    display: block!important;  }}

以React为例封装一个PrintContainer

import ReactDOM from 'react-dom'const div = document.createElement('div')div.id = 'print'document.body.appendChild(div)export default function PrintContainer (props) {  return ReactDOM.createPortal(props.children, div)}