如何在不同的设备上查看 React App？

React 是一个用于构建用户界面的声明式、高效且灵活的 JavaScript 库。 ReactJS 是一个开源的、基于组件的前端库，只负责应用程序的视图层。 React 使用声明式范式，可以更轻松地推理您的应用程序，并旨在高效和灵活。它为应用程序中的每个状态设计简单的视图，当你的数据发生变化时，React 将有效地更新和呈现正确的组件。

通常，当我们创建一个 react-app 时，我们习惯于在localhost:3000 上查看它。在本文中，我们将看到如何在不同的设备上查看 React App。

方法：我们可以很容易地在不同的设备上查看 React App。我们需要找出我们设备的IP地址使用 Windows cmd 中的 ipconfig 命令。之后，我们可以访问该 URL 从任何设备，我们将能够在我们的设备中查看此页面，但前提是两者都在同一个网络上。

先决条件：所有设备都连接到同一个wifi。

下面是分步实现。

第 1 步：使用以下命令创建一个反应应用程序。

npx create-react-app foldername

第 2 步：完成后，使用以下命令将目录更改为新创建的应用程序。

cd foldername

项目结构：它将如下所示。

第 3 步：现在在App.js文件中写下以下代码。

Javascript

import GFG from './GFG'
import React from 'react';
function App() {
return(
     

        
     
  );
}
 
export default App;

第 4 步：我们将简单地创建组件GFG.jsx。

Javascript

import React from 'react'
function GFG(){
    return(
        

            
GeeksForGeeks Portal
        
    )
}
 
export default GFG;

运行应用程序的步骤：输入以下命令运行应用程序。

npm start

输出：

第 5 步：现在我们将通过手机访问此应用程序。为此，首先在 Windows cmd 中使用 ipconfig 命令找出您设备的 ip。

找到你的 ip 后：假设 255.255.255.0。现在从任何设备访问 url 255.255.255.0:3000 。您将能够在您的设备中查看此页面（前提是两者都在同一网络上）

#ip:3000

看看手机里的react app就知道了。