mutil-input 多行输入的使用

mutil-input 组件，提供直接下载，所以并没有打npm 包

组件下载

参数

key	默认值	描述
value	''	多行输入的默认值，之间用英文的逗号隔开 }
onChange	无	组件失去焦点时调用，接收一个参数，组件的value，并且把空行去掉，换行符变成 ,
placeHolder	''	同input 的placeHolder
style	{}	组件样式，一般设置width

testcase

function App(){
    let [ids , setIds] = useState('');
    return (
        <div className='mutil-input-test'>
            {ids}
            <div>
                <label>订单ID列表：</label>
                <MutilInput value={ids} onChange={value => {
                    setIds(value);
                    console.log(ids);
                }} placeHolder='请输入ID列表，一行一个' style={{width:'300px'}} />
            </div>

            <div style={{
                position: 'absolute',
                left : '60px',
                top: '290px'
            }}>
                <label>订单ID列表：</label>
                <MutilInput  onChange={value => console.log(value)} placeHolder='请输入ID列表，一行一个' style={{width:'520px'}} />
            </div>
        </div>
    )
}