react.js 相关问题


我们可以在同一个网站中使用 React.js 作为前端,使用 Next.js 作为后端吗?

我们可以用React.js作为前端、Next.js作为后端来实现项目吗? 另外应该更喜欢 Express.js 或 Next.js 我们可以在同一个网站中使用 React.js 作为前端,使用 Next.js 作为后端吗? ...


{;} 和 (,) 有什么区别? [重复]

在 React.js 中,将函数或常量编写为 const aHandler = () => {function1() ;函数2();} 与 const aHandler = () => (函数 1() , 函数 2()) 从...


在React.js中使用renderToString使用express启用服务器端渲染时出错

这是我的服务器/server.js: 从“快递”进口快递; 从“反应”导入反应; 从 'react-dom/server' 导入 ReactDOMServer, { renderToString }; 从 '.....


React.js div scrollIntoView 不平滑

我有一个显示组件,本质上只是显示卡片列表。我有另一个组件,用于获取卡片并将其添加到显示组件有权访问地图的卡片状态...


为什么我的段落元素延伸到相邻图像下方?

我在react.js中使用样式化组件的代码有这个p,它没有使文本正确 const InnerCarousel = styled.div` 显示:柔性; // 使用flexbox使图像居中 证明内容:


无法在 MUI DatePicker 中使用复选图标可视化徽章

我在这个项目中使用 MUI Date Picker 和 React.js。 我遇到的问题是,我无法可视化应根据当前突出显示的日期呈现为徽章的 checkIcon


React功能组件中根据类别过滤数据

这是我在 React.js 中的第一个电子商务项目。 我正在显示产品列表,其中我也在左侧显示类别,如下面的屏幕截图所示。 我正在尝试过滤


Onclick 将添加一个不应与其他 div 重叠的 div (React.js)

假设我们有一个容器div,其宽度等于600,高度等于600,现在当我单击一个按钮时,一个div应该被放置在该容器内,当我单击按钮a.. .


在不打开扩展弹出窗口的情况下显示来自 Socket.io 服务器的 Chrome 扩展通知

我有一个使用 React.js 构建的 Chrome 扩展,它与 Socket.io 服务器通信以接收通知。我想向用户显示这些通知,即使扩展程序弹出...


我们无法从指定元素检索数据。请确保您尝试使用的元素仍处于安装状态

我在将 Stripe 与 React.js 集成时遇到问题。我面临的错误消息是:“我们无法从指定的元素检索数据。请确保您所在的元素


ASP.NET/React.JS - 使用 React-email 时无法获取 API/CORS

我有一个 React 应用程序在端口 44411 运行,react-email 在端口 3000 运行。 我看过一个有关如何设置反应电子邮件和重新发送的 YouTube 视频,但它立即不起作用。所以在摆弄我之后...


控制台中的Mapbox生产错误。 “未捕获的引用错误:y 未定义”

我在 Heroku 上部署了一个全栈 React.js 应用程序。除了 Mapbox 之外,一切都部署得很好。在开发过程中,一切都运行良好。当我在 Heroku 中打开我的应用程序时,Mapbox di...


当从 ASP.NET Core MVC 获取 api 到 Reactjs 时,是什么提示 get 方法返回 HTML 而不是它应该返回的 json 数据?

我正在尝试创建一个应用程序,其中客户端前端使用react.js 制作,后端使用ASP.Net Core MVC。我正在尝试从 api 获取数据以渲染


如何在 ReactJS 中实现切换功能,单击某个功能会显示一个菜单,而单击菜单外部则会隐藏它?

当我单击按钮时,菜单将出现,第二次单击或单击菜单外部将隐藏。我如何使用react.Js、useRef() 来做到这一点? 我尝试过,结果告诉我,当我点击...


如何向React.js添加HTML组件轮播

App.html 轮播 应用程序.html <!DOCTYPE html> <html> <head> <title>Carousel</title> <link rel="stylesheet" type="text/css" href="./css/materialize.min.css"> </link> <link rel="stylesheet" type="text/css" href="App.css"> </link> </head> <div class="carousel"> <div class="carousel-item"> <img src={require("./1.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./2.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./3.png")} class="responsive-img"></img> </div> <script src="./js/materialize.min.js"></script> <script> const small = document.querySelector('.carousel'); var inst = M.Carousel.init(small, {}); inst.dist(50); </script> </div> </html> 应用程序.js import React from 'react'; var perf = require('./App.html'); class App extends React.Component { render(){ return ( <div dangerouslySetInnerHTML={{ __html: perf }} ></div> ); } } export default App; 有人可以帮我解决如何在 JS 文件中添加 HTML 文件并通过 JS 文件运行 HTML 文件吗?我在 HTML 中使用 Materialize 制作了一个轮播,但我无法在 JS 中编写代码,因此,如果可能的话,有人可以帮助我将 HTML 文件转换为 JS 文件,或者如何导入 HTML 文件在我的 JS 文件中。 您可以简单地将所有 html 代码插入 App.js 文件中,reactjs 不需要任何 .html 文件。请按照下面的代码进行操作,希望您能理解。 我只是将所有 HTML 代码放入 App.js 的父 div 中。 import React from 'react'; var perf =require('./App.html'); class App extends React.Component { render(){ return ( <div> <div class="carousel"> <div class="carousel-item"> <img src={require("./1.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./2.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./3.png")} class="responsive-img"></img> </div> </div> </div> ); } } export default App; 只需使用react-create-app模板,基本的html(head,meta)东西已经就位,只需修改src目录即可满足您的需求。 例如 index.js 会是这样的, import React from 'react'; import './App.css'; // For Your CSS file class App extends React.Component { render(){ return ( <div class="carousel"> <div class="carousel-item"> <img src={require("./1.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./2.png")} class="responsive-img"></img> </div> <div class="carousel-item"> <img src={require("./3.png")} class="responsive-img"></img> </div> ); } } export default App; 如果您需要更改基础html,您可以在公共目录中进行操作。 编辑:(对于依赖项) 当您使用 materialize-css 时,您可以通过使用 materialize-css@next 和此 cmd npm 将 npm install materialize-css@next 安装为依赖项来使用它 有关安装的更多信息可以在此处找到 来源:https://materializecss.com/getting-started.html 我看到您对许多正在使用依赖项的答案做出了回应。如果这是通过 CDN 实现的,您只需将其添加到公共文件夹中的 index.html 文件中,并在需要时使用您的依赖项。不过,我认为 Materialise 有一个可以安装的节点方面。


© www.soinside.com 2019 - 2024. All rights reserved.