Skip to content

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

@Ryan-CW-Code

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

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