反应本机 RenderHtml

Question

I use RenderHtml to display information containing html tags in a mobile application. Only I would like to make the non-clickable, make redirection of these links impossible.

I already tried to use pointerEvent but it is not accepted in the native react style anymore. I show you my code hoping someone can help me with this. Thanks in advance and have a nice day.

 const onLinkPress = () => {};

  const short_description = {
    html: shortDescription,
  };

  const tagsStyles = {
    body: {
      whiteSpace: "normal",
      color: "gray",
      width: width * 0.7,
      margin: 20,
      top: 5,
      right: 3,
    },
    a: {
      color: "gray",
      textDecorationLine: "none",
      href: "",
    },
  };
  <RenderHtml
       onLinkPress={onLinkPress}
       contentWidth={(width, height)}
       source={short_description}
       tagsStyles={tagsStyles}
    />

Answer 1

I found the solution 2 min after make this post...

I used a.replace to replace by:

setShortDescription(
      data["short_description"].replace(
        /<a\b[^>]*>(.*?)<\/a>/i,
        "<span>$1</span>"
      )
    );