轉換數字或字符串

Question

我是“React” javascript 框架的新手，為了提高我的技能，我給自己做了一個練習，將數字或字符串轉換為符號。 例如，一個數字將像這樣轉換，一個字符串將像這樣轉換 <?L> 我向您展示我能夠編寫的代碼以達到練習的結尾

import React from 'react';
import { useState } from 'react';

export default function Accueil() {

    //submit
    const ConvertResult = e => {
        e.preventDefault();
    }

    //input
    const [InputState, setInputState] = useState();

    const InputContain = e => {
        setInputState(e);
    }
    //button
    const [ConvertInput, setConvertInput] = useState();

    const ConvertData = () => {
        if(typeof InputState === 'string'){
            setConvertInput('?d')
        }
    }


    return (
        <div className="Accueil_Container">
            <div className="Accueil_main">
                <form onSubmit={e => ConvertResult(e)}>
                    <input type="text"
                    onInput={e => InputContain(e.target.value)}/> <br/>

                    <button onClick={ConvertData}>Convert</button>
                </form>
            </div>
            <span>
                {ConvertInput}
            </span>
        </div>
    )
}

這是我得到的回報https://i.stack.imgur.com/AoRv0.png

<?d> 或 <?L> 之類的字符出現的次數不如輸入中插入的字符串出現的次數多

如果我能從更有經驗的人或知道如何解決這個問題的人那里得到一些幫助，我會感到溫暖。

我已經在 inte.net 上尋找解決方案 3 天了，但沒有解決我的問題，或者我沒有輸入正確的關鍵字。

Answer 1

似乎每次輸入新字符時都設置了變量“Inputstate”，但你不會每次都返回結果，只是一次。

我如何粗略地將其放入代碼中：

var Displaystring;
const InputContain = e => {
        setInputState(e);
        if(typeof InputState === 'string'){
            Displaystring = Displaystring + '?d';
        }
    }

因此您創建一個包含轉換后數據的字符串，並在每次在輸入表單中注冊輸入時添加一個符號。 希望它能讓它更清楚一點，對於遲到的回答感到抱歉