How to make style changes dynamic in react?

Question

React

I need to make it so that, for example, the width property can be passed user input as a value, who can tell me how to do this?

Answer 1

const [ width, setWidth ] = useState(0);
const onChange = e => setWidth(e.target.value);
const styles = { width: `${width}px` };

<input value={width} onChange={onChange} />
<div style={styles}>

Answer 2

const [width, setWidth] = useState(500)
You hang an event on the onChange input and change the state.
On an element, do this:

<div style={{width: `${width}px`}}> ширина блока <\div>

Should work