Dynamically Change width and height of Div using CSS and React
const [ size_w , setSize_w ] = useState ( '210mm' ); const [ size_h , setSize_h ] = useState ( '297mm' ); ///////////// const changelayout = () => { const temph = size_h === '210mm' ? '297mm' : '210mm' ; const tempw = size_w === '297mm' ? '210mm' : '297mm' setSize_h ( temph ); setSize_w ( tempw ); } //////////////////// < button className = "bg-blue-500 text-white px-4 py-2 mr-2 rounded" onClick = { changelayout } > Change Layout </ button > ////////////// < div ref = { contentToPrint } id = "printable-content" style = { { width : size_w , height : size_h } } className = "print-content p-4 bg-white" > </div>