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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions