如何从jsx图像元素中提取alt值

Question

我有这样的逻辑，我想在其中获得图像元素的alt属性值，这是我的第一个想法，简单地生成键和数组的值，该数组也包含字符串和图像，比如这个键：[‘some string’，]，但后来我意识到，如果可能的话，我可以利用alt？

icons: { 
iconA: <img style={imgStyle} alt='tool for food' src={iconA} />,
iconB: <img style={imgStyle} alt='tool for drink' src={ iconB} />,
}

const convertedObject = useMemo(() => {
return Object.entries(context.icons).map((e) => ({ equipment: e[1].alt  src: e[1] }));}, []);

Answer 1

试试这个：

const convertedObject = useMemo(() => {
return Object.entries(context.icons).map((e) => ({ 
equipment: e[1].props.alt,
src: e[1].props.src,
}));
}, []);

也许你想添加"；context.iicons"；到useMemo dependency列表。