vtils

Home > react > useClassName

useClassName() function

获取类名字符串。

Signature:

export declare function useClassName(getClassValues: () => any[] | undefined, deps: DependencyList): string | undefined;

Parameters

Parameter Type Description
getClassValues () => any[] | undefined 获取类名列表函数
deps DependencyList 当依赖变更时重新获取

Returns:

string | undefined

返回类名字符串

Example

const [mini, setMini] = useState(true)
const buttonClassName = useClassName(() => [
  'ui-btn',
  mini && 'ui-btn_mini',
], [mini])
console.log(buttonClassName) // => 'ui-btn ui-btn_mini'
setMini(false)
console.log(buttonClassName) // => 'ui-btn'