Реагирует javascript, проверяет, содержит ли строка указанное c слово, и добавляет что-то вроде ссылки, реагирует маршрутизатор / стили на указанное c слово.

Question

Есть ли решение, как проверить строки (например, Google) и добавить маршрутизатор Link реакции в конкретное c слово (например: Google)?

пример как эта фотография

до

после

это мой очень простой код

import React, { Component } from "react";
import { Link } from "react-router-dom";

class App extends Component {
  state = {
    text: "Google is my Friend, Google is Search Engine, Thanks to google"
    website: "Google Friend"
  };

  render() {
    let text = null;
    if (this.state.text.includes(this.state.website)) {
      return (text = (
        <div>
          <Link to={"/example"}>Google </Link> then state text
        </div>
      ));
    }
    return <div>{text}</div>;
  }
}

export default App;

было бы более полезно, если бы вы могли показать мне, как добавить стиль в конкретное c слово (например, Google) например, изменение цвета или добавление жирного шрифта / италийского c или чего-либо

спасибо

Answer 1

Вы можете сделать это так:

{this.state.text.split(" ").map(text => {
   return text === "Google" ? <Link to="/google">Google</Link> : text;
})}