Question

我有一条文字，我想突出显示它的某些部分，例如：

这是一段文字写得很好的段落。

此是文字的段落 。
   5-8           23-31

突出显示定义为数组数组：

[[5, 8], [23, 31]]

如何将源文本（字符串）转换为可渲染的JSX项目：

(<Text>This <Hl>is a</Hl> well-written <Hl>paragraph</Hl> of text.</Text>)

React Native的方式？

P.S。 HL 只是一个JSX宏：

const Hl = (props) => <Text style={{fontWeight: 'bold'}}>{props.children}</Text>

Answer 1

创建了一个简单的函数，该函数需要文本和值数组进行转换。例如，运行以下代码段

if (currentBrowser == "ie" || currentBrowser == "edge") {
    var hp = SVG.get('hotspot-pointer');
    hp.animate(500).rotate(angle, 50, 50);
    // hp.transform({ rotation: 125, cx: 50, cy: 50 })
}

React Native：正确突出显示子字符串

1 个答案: