Как сделать динамическое изменение стилей в react?

Question

[Никита Стечкин]

Мне нужно сделать так, чтобы ,например, свойству width можно было в качестве значения передать пользовательский ввод,кто сможет подсказать как это сделать?

Answer 1

[0xD34F]

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

[Gary_Ihar]

const [width, setWidth] = useState(500)
Вешаешь событие на инпут onChange и меняешь стейт.
На элементе делаешь так:

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

Должно сработать