jd-opensource / jd-opensource/taro-ui
AtInput组件的placeholder文字异常显示问题
- Dominant language
- TypeScript
- Stars
- 4.7k
- Forks
- 740
- PR merge metrics
- No merged PRs in 30d
Description
**问题描述**
使用了AtModal组件进行包裹了 AtInput, 在开发工具中查看是正常的,在真机中查看,发现AtModal组件隐藏的时候,Atinput中的placeholder文字还是显示的状态
**复现步骤**
```js
const RefundCourierInfoModal = () => {
const {
refundCourierInfoModalData: { showType, confirm },
} = useMappedState((state) => state);
const dispatch = useDispatch();
const [courierName, setCourierName] = useState('');
const [courierNum, setCourierNum] = useState('');
return (
{
dispatch(updateRefundCourierInfoModalType(false));
}}
>
请填写退货快递信息
{
setCourierName(v as string);
return v;
}}
/>
{
setCourierNum(v as string);
return v;
}}
/>
{
dispatch(updateRefundCourierInfoModalType(false));
}}
>
取消
{' '}
{
if (!courierName || !courierNum) {
showToast({
title: '请填写快递信息',
});
return;
}
dispatch(updateRefundCourierInfoModalType(false));
confirm &&
confirm({
courierName,
courierNum,
});
}}
>
确定
);
};
```
**期望行为**
正常的隐藏placeholder文字
**报错信息**
**系统信息**
Taro v3.0.9
Taro CLI 3.0.9 environment info:
System:
OS: macOS 11.0.1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 12.18.4 - /usr/local/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.14.6 - /usr/local/bin/npm
npmPackages:
@tarojs/components: 3.0.8 => 3.0.8
@tarojs/mini-runner: 3.0.8 => 3.0.8
@tarojs/react: 3.0.8 => 3.0.8
@tarojs/runtime: 3.0.8 => 3.0.8
@tarojs/taro: 3.0.8 => 3.0.8
@tarojs/webpack-runner: 3.0.8 => 3.0.8
babel-preset-taro: 3.0.8 => 3.0.8
eslint-config-taro: 3.0.8 => 3.0.8
react: ^16.10.0 => 16.13.1
taro-ui: ^3.0.0-alpha.3 => 3.0.0-alpha.3
npmGlobalPackages:
typescript: 3.1.6
**补充信息**
Contributor guide
Assessment
This issue has not been assessed yet.