Renders an uncontrolled <input>
element that uses a callback function to inform its parent about value updates.
defaultValue
passed down from the parent as the uncontrolled input field's initial value.onChange
event to fire the onValueChange
callback and send the new value to the parent.const UncontrolledInput = ({ defaultValue, onValueChange, ...rest }) => {
return (
<input
defaultValue={defaultValue}
onChange={({ target: { value } }) => onValueChange(value)}
{...rest}
/>
);
};
ReactDOM.render(
<UncontrolledInput
type="text"
placeholder="Insert some text here..."
onValueChange={console.log}
/>,
document.getElementById('root')
);
React, Components
Renders a controlled <input>
element that uses a callback function to inform its parent about value updates.
React, Components
Renders an uncontrolled <select>
element that uses a callback function to pass its value to the parent component.
React, Components
Renders an uncontrolled range input element that uses a callback function to pass its value to the parent component.