Skip to content

range 组件如果延时渲染的话就不能滑动了 #3295

Description

@Ryan-CW-Code

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

3.0.15

平台

weapp

重现链接

重现步骤

不加延时渲染可以正常滑动,加了延时就不行。
实际使用场景是网络请求数据,当数据来了后再渲染组件。
是从 #3217 这个PR后才出现的
@xiaoyatong

export default function Index() {
  const [value, setValue] = useState(40);
  const [value2, setValue2] = useState(false);

  useEffect(() => {
    setTimeout(() => {
      setValue2(true);
    }, 1000);
  });
  if (!value2) return <></>;

  return (
    <div>
      <div className="h-[500px]"></div>
      <Range value={value} onChange={(val: any) => setValue(val)} />
    </div>
  );
}

期望的结果是什么?

实际的结果是什么?

环境信息

No response

其他补充信息

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions