V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
particlec
V2EX  ›  问与答

求助前端大佬 Input 输入问题,输入框存的值,用的时候只显示第一个字母

  •  
  •   particlec · 2023-04-03 14:12:36 +08:00 · 513 次点击
    这是一个创建于 607 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我的输入框,我输入"测试"两个字:
    const [termNameEdited, setTermNameEdited] = useState<string>("");
    这里打印结果 "测试"
    console.log(termNameEdited);
    <Input
    className=""
    placeholder="请输入术语名称"
    bordered={false}
    value={termNameEdited}
    style={{ width: "auto" }}
    ref={InputRef}
    onBlur={() => {
    setIsTitleImageStyle("visible");
    }}
    onChange={(e) => {
    setTermNameEdited(e.target.value);
    }}
    />
    这是的使用
    const save =useCallback( () => {
    let temporaryArr = structuredClone(array);
    let termNameEditedBest = structuredClone(termNameEdited);
    这里打印结果 : "c"
    console.log(termNameEdited);
    let onChangeObject = { ...configurationInformation };
    if (configurationInformation.type === "函数") {
    onChangeObject.function.parameters[paramsIndex] = termNameEditedBest;
    temporaryArr.splice(index, 1, onChangeObject);
    setOutputStatement(temporaryArr);
    }
    if (configurationInformation.type === "值") {
    let onChangeObject = { ...configurationInformation };
    onChangeObject.value = termNameEditedBest;
    temporaryArr.splice(index, 1, onChangeObject);
    setOutputStatement(temporaryArr);
    }
    },[termNameEdited]);

    然后我把他传给了 子组件使用:
    <HeaderCanvas
    commandExecutor={commandExecutor}
    onClick={onHeaderPanelClick}
    onSave={save}
    />
    particlec
        1
    particlec  
    OP
       2023-04-03 15:08:29 +08:00
    已经解决,我写的不全,不浪费大家时间
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2390 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 02:02 · PVG 10:02 · LAX 18:02 · JFK 21:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.