[components] CustomImage
Detail Notes : 1. memoization
This commit is contained in:
@@ -3,13 +3,16 @@
|
|||||||
*
|
*
|
||||||
* @module CustomImage
|
* @module CustomImage
|
||||||
*/
|
*/
|
||||||
import React, { useCallback, useEffect, useState, useRef } from "react";
|
import React, { memo, useCallback, useEffect, useRef, useState } from "react";
|
||||||
|
|
||||||
import classNames from "classnames";
|
import classNames from "classnames";
|
||||||
|
|
||||||
import { Job } from "@enact/core/util";
|
import { Job } from "@enact/core/util";
|
||||||
|
|
||||||
import css from "./CustomImage.module.less";
|
import css from "./CustomImage.module.less";
|
||||||
|
|
||||||
//animationSpeed : "slow", "normal", "fast", ==> 500ms, 250ms, 10ms
|
//animationSpeed : "slow", "normal", "fast", ==> 500ms, 250ms, 10ms
|
||||||
export default function CustomImage({
|
export default memo(function CustomImage({
|
||||||
src,
|
src,
|
||||||
className,
|
className,
|
||||||
hide,
|
hide,
|
||||||
@@ -56,4 +59,4 @@ export default function CustomImage({
|
|||||||
alt=""
|
alt=""
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
}
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user