useSupported

检测浏览器是否支持某些新的特性

Usage

实时编辑器

function Demo() {
  const isSupported = useSupported(() => "EyeDropper" in window);
  return (
    <div>
      <p>
        window.EyeDropper is {isSupported ? "supported" : "unsupported"} in your
        browser
      </p>
    </div>
  );
};

结果

Loading...

API

useSupported

Returns

boolean: 浏览器是否支持

Arguments

参数名	描述	类型	默认值
callback	测试回调	() => unknown (必填)	-
sync	使用 useLayoutEffect来进行测试	boolean | undefined	false