接續昨天的Forms系列，今天來說說我個人覺得最常用的
InputText(InputTextarea)

InputText(InputTextarea)的部分
引入

import { InputText } from 'primereact/inputtext';
import { InputTextarea } from 'primereact/inputtextarea';

給個值

const [value1, setValue1] = useState<string>('');
const [value2, setValue2] = useState<string>('我是一隻鹹魚，\n請多多指教!');

然後用boostrap(因為不在今天主題內，就多做介紹)隨便調整一下版面，插入渲染

<div className="d-flex mt-3 row">
    <InputText 
        className="mr-2 col" 
        value={value1} 
        onChange={(e: any) => setValue1(e.value)}
        keyfilter={/\D/} 
        placeholder="請輸入非數字內文"
    /> 
    <InputTextarea 
        className="col" 
        value={value2} 
        onChange={(e: any) => setValue2(e.value)}
    />
</div> 

keyfilter API在某種程度上是相當不錯的API功能，有自己的功能，也可以添加Reg
但bug還是有的，例如:限制數字 它可以擋掉英文 但像中文組合拼音等語系無法擋掉，
所以可能認命點，在onChange增加replace邏輯還是上策