javascript - 在 react js 中不使用 useState 改变状态的值

Question

我使用 useState 来改变 textarea 的数量：

const [vancyValue , setVancyValue] = useState('');

在 onChange 中，我将金额倒入 vancyValue 。

const handleChange = (event) => {
    setVancyValue(event.target.value);
};

按另一个按钮会将字符添加到 Vance 字符串的末尾。

 const addVancy = () =>{
   // var myItemV = vancyValue;
   // myItemV += '$%A';
   // setVancyValue(myItemV);
   setVancyValue(vancyValue + '$%A');
 }

这样做了，但是当我在 teaxtarea 添加 '$%A' 后写入一个值时，'$%A' 的数量变为......

value={vancyValue.split('$%A').join('..............')}

当我更改显示的值时，实际值也会发生变化。是否有意义？或者我在某个地方犯了一个错误。

<teaxtarea id="Text1" cols="60" rows="5"  placeholder="متن خود را وارد کنید!!"
   value={vancyValue.split('$%A').join('..............')}
   onChange={(e) => handleChange(e)} 
/>

注意：我只想更改显示的值。

我想显示而不是值

"$%A" 

价值

"....."

给用户，但原始值不会改变。

标签： javascriptreactjsstatetextareaonchange