使用react js检查url是否包含字符串？

使用React.js检查URL是否包含字符串可以通过以下步骤实现：

1. 首先，你需要安装React.js并创建一个React组件。你可以使用create-react-app来快速创建一个React项目。
2. 在React组件中，你可以使用React Router来获取当前URL。React Router是一个流行的React库，用于处理路由和URL导航。
3. 在组件的生命周期方法中，你可以使用React Router提供的history对象来获取当前URL。你可以使用history.location.pathname来获取当前URL的路径部分。
4. 使用JavaScript的字符串方法，如includes()，来检查URL是否包含特定的字符串。includes()方法返回一个布尔值，指示字符串是否包含指定的子字符串。

下面是一个示例代码：

import React from 'react';
import { useHistory } from 'react-router-dom';

const MyComponent = () => {
  const history = useHistory();

  const checkURL = () => {
    const url = history.location.pathname;
    const searchString = 'example';

    if (url.includes(searchString)) {
      console.log('URL contains the string');
    } else {
      console.log('URL does not contain the string');
    }
  };

  return (
    <div>
      <button onClick={checkURL}>Check URL</button>
    </div>
  );
};

export default MyComponent;

在上面的示例中，我们使用了React Router的useHistory钩子来获取history对象。然后，我们在checkURL函数中使用includes()方法来检查URL是否包含字符串'example'。你可以根据需要修改searchString的值。

请注意，这只是一个简单的示例，你可以根据你的具体需求进行修改和扩展。另外，这个示例假设你已经安装了React Router和相关的依赖。

对于React.js的更多信息和学习资源，你可以参考腾讯云的React.js产品介绍页面：React.js产品介绍