taro < Input>组件onInput时,return 一个字符串,input框的值未发生变化

agyaoht7  于 2022-10-27  发布在  其他
关注(0)|答案(3)|浏览(454)

相关平台

微信小程序

小程序基础库: 2.8.3
使用框架: React

复现步骤

import React, { FC, useState } from 'react'
import { View, Input } from '@tarojs/components';

const a: FC = () => {
    const [inputVal, setInputVal] = useState<string>()

    const onInput = (e) => {
        const val = e.detail.value   '1'
        setInputVal(val);
        return val
    }

    return (
        <View>
            <Input onInput={onInput} />
        </View>
    );
}

期望结果

期望结果自动加上字符串1

实际结果

输入框的值没有加上字符串1

环境信息

Taro CLI 3.0.17 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.15.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.10 - C:\Program Files\nodejs\yarn.CMD
      npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
dced5bon

dced5bon1#

请问这个问题怎么解决呢

bq3bfh9z

bq3bfh9z2#

同问,这个问题解决了嘛

3htmauhk

3htmauhk3#

同问,这个问题解决了嘛

我是需要对input值进行限制,使用的useEffect进行监听后 再重新赋值,这样实现了我得需求

相关问题