当我们直接使用chakra-ui(例如文本)组件使用react linkify时,我们无法处理链接。
问题用例
import Linkify from 'react-linkify';
import {Box, Text} from '@chakra-ui/react';
export default function Usage(){
return (
<Linkify>
<Text>https://stackoverflow.com</Text>
</Linkify>
);
};
2条答案
按热度按时间jhiyze9q1#
解决方案是;
创建Linkify.js
Linkify.js文件:
将新的Linkify组件导入文件。
用法
问题解决了!谢谢...
lskq00tm2#
在当前版本中,即“^1.0.0-alpha”,则删除对属性的支持。你可以这样做:
否则,降级到版本“0.2.2”。然后,您可以更改Linkify组件的属性。对我有用!