转换数字或字符串

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';
        }
    }

因此您创建一个包含转换后数据的字符串，并在每次在输入表单中注册输入时添加一个符号。 希望它能让它更清楚一点，对于迟到的回答感到抱歉