import React, { useState } from 'react';
export function App(props) {
const [value, setValue] = useState( '');
const [bg, setBg] = useState('red');
const handleChange = event => {
setValue(event.target.value);
if(value.length < 5 || value.length>50){
setBg('red')
}
else{
setBg('')
}
};
return (
<div className='App'>
<input
type='text'
value={value}
onChange={handleChange}
style={{ backgroundColor: bg}}
/>
<pre>{value}</pre>
</div>
);
}
return obj[condition]();
этот код идентичен при condition === true
return obj.true();
return obj[condition]();