import React, { useState } from 'react'; import useMergeState from '../src'; const SingleInput = () => { const [value, setValue] = useMergeState(''); return (
name: {value}
setValue(e.target.value)}>{' '}
); }; const ControlledInput: React.FC<{ value: string; onChange: (value: string) => void }> = props => { const [value, setValue] = useMergeState('', props); return (
setValue(e.target.value)}>{' '}
); }; export default () => { const [name, setName] = useState(''); return ( <> 非受控:
受控:
name: {name} setName(value)} /> ); };