如何在React Spring Parallax 'pages‘上设置隐藏溢出
在React Spring Parallax中，可以通过设置隐藏溢出来控制页面的显示效果。隐藏溢出是指当内容超出容器的边界时，将超出部分隐藏起来。
要在React Spring Parallax的'pages'上设置隐藏溢出，可以按照以下步骤进行操作：
- 导入所需的React和React Spring库：
import React from 'react';
import { Parallax, ParallaxLayer } from 'react-spring/renderprops-addons';- 创建一个React组件，并在组件中使用Parallax组件作为容器：
function MyParallaxComponent() {
return (
<Parallax pages={3}>
{/* 页面内容 */}
</Parallax>
);
}- 在Parallax组件内部，使用ParallaxLayer组件来创建页面内容，并设置相应的样式和动画效果：
function MyParallaxComponent() {
return (
<Parallax pages={3}>
<ParallaxLayer offset={0} speed={0.5}>
{/* 第一页内容 */}
</ParallaxLayer>
<ParallaxLayer offset={1} speed={0.5}>
{/* 第二页内容 */}
</ParallaxLayer>
<ParallaxLayer offset={2} speed={0.5}>
{/* 第三页内容 */}
</ParallaxLayer>
</Parallax>
);
}- 要设置隐藏溢出，可以在ParallaxLayer组件上应用CSS样式，并使用overflow属性来控制溢出的部分是否隐藏：
function MyParallaxComponent() {
return (
<Parallax pages={3}>
<ParallaxLayer offset={0} speed={0.5} style={{ overflow: 'hidden' }}>
{/* 第一页内容 */}
</ParallaxLayer>
<ParallaxLayer offset={1} speed={0.5} style={{ overflow: 'hidden' }}>
{/* 第二页内容 */}
</ParallaxLayer>
<ParallaxLayer offset={2} speed={0.5} style={{ overflow: 'hidden' }}>
{/* 第三页内容 */}
</ParallaxLayer>
</Parallax>
);
}通过设置overflow为'hidden'，超出容器边界的内容将被隐藏起来，从而实现隐藏溢出的效果。
这是一个基本的示例，你可以根据实际需求和设计来调整ParallaxLayer的样式和动画效果。如果需要更多关于React Spring Parallax的信息，可以参考腾讯云的相关产品和文档：
- 腾讯云产品：腾讯云云原生应用平台
- 文档：React Spring Parallax
相关·内容
我在这里的项目中使用了React Spring Parallax (https://www.react-spring.io/docs/props/parallax)：https://codesandbox.io/s/parallax-sticky-scroll-2zd58?file=/src/App.js 当您单击按钮转到下一节时，可以看到图像正在溢出到下一节。但是，由于react spring将所有内容都设置为绝对位置，因此我无法将每个部分都设置为溢出隐藏。 有没有办法将overflow设置为隐藏，以便将我的内容包含到每个部分？
浏览 24提问于2020-12-18得票数 0
我在一个网页上使用了React Spring for Parallax，但是页面上方的一个组件<Section2 />使用flexbox强制4个大的水平图标在较小的屏幕上呈现为2 x 2图标。
当发生这种情况时，它会导致移动视图中的<Section3>的偏移值错误。因此，我的问题是如何通过媒体查询或其他方式更改偏移值。
下面是我的代码：
const Home = () => {
return (
<>
<Layout>
<SEO title="Home" />
浏览 6提问于2019-08-22得票数 1
这是我在这个社区里的第一篇文章。我想解决一个与ScrollReveal.js代码和我在同一页上构建的视差相结合有关的问题。
我的问题是:在我页面的标题部分，我有一个复杂的视差，在几个层次上有一个城市视图，当你在页面上滚动时，它给你留下了深度的印象。内容div然后进入视差视差的视野。我基本上改编了山姆·贝克汉姆的CodePen中的CSS：
他称之为.parallax__cover的div层是我放置内容的地方。没有它的掩护，视差就不能工作。
标记结构如下所示：
<div class="parallax">
<div class="parallax
浏览 6提问于2018-06-26得票数 0
回答已采纳
我试图创建一个react页面，使用react的parallax.Im对数据使用web，所以当我使用视差标签im试图设置偏移量和scrollTo函数的value.As时，您可以看到下面的内容；
class HomeComponent extends Component {
constructor(props) {
super(props);
this.state = {
list: [],
categoryCount: '',
}
}
componentDidMount() {
axios.get(`http
浏览 2提问于2019-12-08得票数 0
回答已采纳
您好，到目前为止，我在我的一个组件中有以下代码
export default App;
return (
<Section id="home">
<Overlay
style={{height: `${this.state.width > 500 ? this.state.height : 350}px`}}>
<HeadingBox className="parallax-hero-item animate">
<SubHeading className=&#
浏览 0提问于2020-10-03得票数 0
1回答
我正在使用React Spring Parallax构建粘性的滚动部分，请参阅我的演示：https://codesandbox.io/s/parallax-sticky-scroll-2zd58 目前，除了通过单击按钮触发scrollTo()之外，此演示按照我所需的方式运行。我想在用户向上或向下滚动时触发scrollTo函数，但是我不知道如何在react功能组件中实现onScroll。 我在这里研究了以下问题，但它们不能满足我的问题：onScroll in React functional component onScroll React cannot trigger
浏览 73提问于2020-12-18得票数 0
我正尝试在我的NextJS项目中使用，但每当我想使用它时，我都会收到以下错误消息：
无法加载webpack://%5Bname%5D_%5Bchunkhash%5D/./node_modules/react-dom/cjs/react-dom.development.js?.的抓取接口对于CORS请求，URL方案必须为http或https。
这是对NextJS上的react-springy-parallax的限制吗？
下面是我放在index.js组件中的示例代码：
<Parallax ref='parallax' pages={3}>
<Parallax
浏览 64提问于2019-05-30得票数 0
1回答
如何在scrollTo中使用react-springy-parallax
我试图在一个简单的投资组合页面中使用react-springy-parallax，您可以点击跳转视差滚动到下一页，但我也希望能够使用导航链接，下面是应用程序的布局：
App.js
class App extends React.Component {
constructor() {
super()
this.ref = 'parallax'
}
render() {
return (
<div>
<Parallax ref=
浏览 4提问于2017-03-28得票数 0
我有一个gatsby项目，我正在尝试使用react-materialize，视差组件。它可以编译，但当我尝试使用视差组件时，我得到ReferenceError：$ is not defined。
ReferenceError: $ is not defined
Parallax.componentDidMount
C:/Users/Albert/Documents/Albert Site/v2/node_modules/react-materialize/lib/Parallax.js:41
38 | _createClass(Parallax, [{
39 | key: '
浏览 2提问于2018-09-17得票数 0
我在GitHub中有一个回购程序，我已经将自定义域设置为www.alessiochf.com
该应用程序没有按照下面的代码呈现主路径
import React from 'react'
import { Switch, Route } from 'react-router-dom'
import Home from './Home'
import About from './About'
import PhotoApp from './PhotoApp'
import ScrollToTop from '
浏览 1提问于2018-06-25得票数 3
回答已采纳
1回答
我正在尝试使用spring tutorial：来运行我的spring + react应用程序。
在本教程中，他在一个页面上执行所有操作，但我的应用程序使用Router组件在页面之间切换，因此不能使用spring控制器为一个地址提供服务。
我能做些什么来让它工作呢？我试着用谷歌搜索它，并阅读了许多堆栈溢出问题，但没有找到我的问题的答案。
浏览 2提问于2019-11-07得票数 0
2回答
我们在GitLab上托管了一个Java/Spring /React项目。在最初的开发之后，我们决定迁移到Azure DevOps。托管在GitLab上和本地文件夹结构中的项目结构很简单：
-- Parent project (parent folder)
------- First Spring Boot Project (built with Maven, produces JAR1)
------- Second Spring Boot Project (built with Maven, uses JAR1 as dependency, produces JAR2)
------- Re
浏览 3提问于2020-09-27得票数 0
回答已采纳
2回答
最近，我使用NextJS启动了一个React项目。我了解到，在这个工具中，'pages‘文件夹中的每个文件都是站点中的一条路径。但这让我怀疑..。有任何方法来配置这一点，这样我就可以在“页面”文件夹中有多个文件，而不用在部署应用程序时显示它们。如果是的话，我怎么做呢？
提前感谢
浏览 15提问于2022-09-15得票数 1
回答已采纳
1回答
React找不到模块
、、、
我正在尝试安装https://github.com/wagerfield/parallax/，我已经阅读了文档，我得到了如何在javascript中使用它的示例，我将在React中使用它，所以，有了该示例和react的文档，我认为我的代码应该可以工作，但它不能！，我认为可能有两个不工作的动机。 1-在我的html内部body标签中，这个标签出现： <noscript>You need to enable JavaScript to run this app.</noscript> 2-当我将鼠标悬停在通过NPM安装的模块上时，vscode显示如下： ? 我正在
浏览 21提问于2021-01-01得票数 3
回答已采纳
? 因此，我正在试用库material-kit-react。 只包含一个的非常好用。但只要我添加另一个，第一个就会在上向上移动&移出屏幕(仅在非常小的屏幕上)。 下面是代码(src/views/Components/Components.js)： ...
const useStyles = makeStyles(styles);
export default function Components(props) {
const classes = useStyles();
const { ...rest } = props;
return (
<d
浏览 16提问于2020-07-01得票数 0
回答已采纳
日安！我试图与视差(物质化)在反应，但图片没有出来。我已经用npm安装了这个材料，
这是我的代码：
import React from 'react';
import 'materialize-css';
import 'materialize-css/dist/css/materialize.min.css';
import Pic1 from '../img/Pic1.jpg'
import Pic2 from '../img/Pic2.jpg';
import 'materialize-css/js/
浏览 0提问于2018-11-02得票数 2
我正在尝试按照this link上的步骤将React应用程序部署到Github页面。我完全遵循了这些步骤，我的package.json如下所示： {
"homepage": "https://sohaib94.github.io/cv",
"name": "web",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-lib
浏览 52提问于2020-06-22得票数 1
回答已采纳
3回答
如何在此幻灯片中插入锚标记？
、、、、
以下是我的HTML：
<div class = "slideshow">
<div class="cycle-slideshow" data-cycle-timeout=2000 data-cycle-fx="tileSlide" data-cycle-center-horz=true data-cycle-center-vert=true data-cycle-caption-plugin="caption2">
&l
浏览 3提问于2016-07-20得票数 0
回答已采纳
1回答
固定容器下方的视差滚动条
、、、、
我试图使用视差的影响，在一个网站，有一个固定的导航栏在页面顶部。由于视差效应处理溢出的方式，滚动条似乎位于页面顶部的固定导航条下面。
我已经包括了一个。
我试过把固定的肚脐div放在视差容器里。这会移动滚动条下的导航条，但也会导致导航条不能固定到页面顶部。
到目前为止我的密码是..。
HTML
<div class="navbar">NavBar</div>
<div class="parallax">
<div class="parallax_layer parallax_layer_back&
浏览 3提问于2017-07-06得票数 2
我正在使用react-parallax (https://www.npmjs.com/package/react-parallax)，我想在桌面和移动设备上使用不同的bg图像。有人知道怎么做吗？ 谢谢
浏览 17提问于2020-12-17得票数 0
4回答
像很多人一样，我看过Keith Clark的纯css视差实现()，真的很喜欢它。
当我尝试实现它时，我得到了一个围绕溢出的垂直视差内容的内部垂直滚动条(不是预期的)，以及属于扩展到屏幕垂直溢出之外的静态内容的外部垂直滚动条(预期的)。我只想要一个垂直滚动条来控制整个页面(视差组加上静态内容)。当向上/向下滚动时，可以在视差组中看到视差效果，以及将静态内容移入和移出视图。
我需要做哪些更改？
.parallax_group {
position: relative;
height: 100vh;
transform-style: preserve-3d;
}
.pa
浏览 19提问于2017-07-22得票数 1
1回答
我正在处理react转换组，代码正在呈现，但是页面并没有通过动画进行转换。如果这件事重要的话，我正在使用react路由器的链接和NavLink。
我试图延长timeOut以查看DOM的更改，但没有效果。我已经对代码进行了多次重构，假设我的代码一定是错误的，但没有效果。我试过了ReactiveTransformationGroupv2，但是我发现大多数在线资源仍然在使用v1，试图按照他们的方向去做却无济于事。。还是迷失了方向。
import React, { Component } from 'react';
import { BrowserRouter as Router, R
浏览 1提问于2019-04-07得票数 0
回答已采纳
如何正确使用useHistory()？我不能从一个反应组件过渡到另一个反应组件。根据React文档的说明以及堆栈溢出的说明，我不能从App.js转换到MyComponent.js。
举个例子-我在努力
/* **App.js ** */
/* Import modules */
import React from 'react';
import { useHistory } from 'react-router-dom'; // version 5.2.0
function App()
{
let history = useHistory ();
浏览 3提问于2020-11-14得票数 25
回答已采纳
3回答
我正在尝试做一些与的例子类似的事情，但我想知道如何让它看起来更像这个网站布局，我不太确定如何使用html/css实现这一点，更不用说bootstrap了。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
}
.parallax {
/* The image used */
浏览 0提问于2019-12-28得票数 0
1回答
我一直在尝试将div的内容(一个图像、一个搜索栏和三个按钮堆叠在一起)放入一个隐藏了溢出css样式的div中。div的CSS如下所示：
.jumbotron {
overflow: hidden;
display: block;
padding: 0;
margin-bottom: 0;
background: #000000 url('../landing_background.jpg') no-repeat center center fixed;
background-size: cover;
position:relative;
}
一些可以
浏览 8提问于2017-08-09得票数 0
我在react原生中有一个book对象，我想使用useState react钩子在我的组件中使用这个对象，但我得到了一个错误消息：“错误:对象作为React子对象无效(找到:具有键的对象{pages，title})。如果您打算呈现一个子对象集合，请改用数组。” 这是我的图书类： export class Book {
pages: number;
title: string;
constructor(pages: number, title: string) {
this.pages = pages;
this.title = title;
}
} 下面是我
浏览 50提问于2020-07-28得票数 0
1回答
我想给我的主页添加一个视差效果。
目前，背景图像是固定的，但这不是我想要的效果。
我希望背景比我的页面慢一些。
如下例所示：
我在javascript中做到了这一点，但是我在使用Drupal8时遇到了很多问题。
所以我想在纯CSS中有一个视差效果。
我试着遵循这个已经有两年历史的教程，但我没有设法调整我的代码：
这是我主页的样式表：
/*-------------------------------------------*
/* Page accueil
/*-------------------------------------------*/
.path-frontpage .m
浏览 1提问于2017-11-21得票数 1
我正在学习React Native (没有React知识)，但我的问题是状态栏总是得到一个半透明的黑色背景，我可以删除它。我尝试了每一个堆栈溢出的答案，甚至React Native和Expo文档。但没什么..。 这就是我的问题： ? 状态栏有一个白色的背景，并得到这个灰色的覆盖，这是我想要删除的。 下面是我的代码： render() {
return (
<View>
<StatusBar background="white" />
<Button title=&#
浏览 83提问于2019-03-21得票数 8
回答已采纳
我已经按照下面的代码使用materialize css在3个图像上创建了视差效果。当网页加载到dev server中时，一切都运行得很好，但是如果我从页面导航到不同的组件，然后再次返回，所有的视差图像几乎都消失了，就像视差库不再工作一样。如果我重新加载网页，它们会像往常一样重新出现。
import React, { Component } from 'react'
import code from '../images/code.jpg';
import coffee from '../images/coffee.jpg';
import mac
浏览 12提问于2019-10-26得票数 0
回答已采纳
我有两份申请。客户端是在react js上开发的，服务器端是在spring boot上使用RESTful api开发的。两者在localhost上都工作得很好。我尝试在heroku上部署这两个应用程序。服务器在heroku上的postgres db上工作正常(在postman上检查)。然而，当我在heroku上部署react应用程序作为单独的应用程序时，它只显示了没有数据的UI (来自spring boot webservice)。我将react应用程序中的web服务URL (本地用作)更改为heroku服务器应用程序URL(由heroku提供)。现在它起作用了。但是，我不知道是否正确的配置方
浏览 1提问于2019-11-29得票数 0
我正在尝试使用来自react-materiallize的视差用于一个投资组合网站。我已经让图像在视差中工作，但它似乎并不是不滚动。
我在index.html文件中的material CSS之前加载了JQuery
import React, { Component } from 'react'
import {Parallax, Row} from 'react-materialize'
export default class ParalaxComponent extends Component {
render(){
debugger
浏览 0提问于2019-03-26得票数 1
我正在研究一种解决方案，用Rails中的collection_select表单助手向选项标记添加自定义数据属性。
我研究了堆栈溢出的一些帖子，并在查阅了一些API文档后做了大量的尝试和错误。我已经快到了，但遗憾的是，我的解决方案只是向select-tag添加属性，而不是向option-tags添加属性。
通过这种方式，我将填充html选项-散列(第6位)：
<%= f.collection_select(:parallax_id, @parallax.all, :id, :title, {}, { :"data-icon" => @parallax.map{ |p|
浏览 3提问于2015-12-13得票数 11
回答已采纳
我正在使用这个包react-native-parallax-scroll-view，它没有一个预设的类型包，比如：@types/...，因为某种原因，当我在.d.ts文件中这样声明这个包时，我不得不修改这个包并制作我自己的副本：
declare module "../modified_modules/react-native-parallax-scroll-view";
它没有被声明为ts的一个模块，我如何解决这个问题？
浏览 0提问于2018-11-11得票数 0
回答已采纳
1回答
import React, { Component } from "react";
import PostContainer from "../../components/PostContainer";
import { connect } from "react-redux";
import { withRouter } from "react-router";
import API from "../../utils/API";
class User extends Component {
constru
浏览 7提问于2018-12-18得票数 2
回答已采纳
我在我的reactjs应用程序上使用tawk.io聊天：-这是我的index.js文件的内容：- import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import BookRead from "./pages/BookRead";
ReactDOM.render(
浏览 19提问于2020-09-26得票数 2
回答已采纳
我将我的chrome更新到了55版本，现在我的div overflow: hidden;中的overflow: hidden;不再工作了。
下面是示例：
.container {
background: #d3d3d3;
}
.overflow {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
z-index: 1;
}
.parallax {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 10
浏览 2提问于2016-12-19得票数 0
回答已采纳
3回答
我试图在代码镜像组件上实现类似的效果，该组件将通过执行溢出操作实现:隐藏在div上。
在实践中，这意味着：
无可见滚动条当“滚动操作”在编辑器上发生时，网站主体自身移动(即不可能相对于网站滚动编辑器)
我怎么能这么做？
附注：
一个简单的“溢出:隐藏”无法工作，因为它看起来像是CodeMirror为垂直滚动条和水平滚动条创建了一个单独的div。我的猜测是javascript用于处理实际的滚动行为。我需要javascript来恢复这个吗？
P.S.S.
我正在使用react-codemirror2，但是我希望找到一个通用的答案，并且很高兴地找到如何在react中执行它。
浏览 6提问于2019-09-20得票数 1
1回答
我在页面头上的图片上使用了parallax.js v1.3。请帮我找出为什么当我向下滚动图片溢出。
当我加载页面时，图片被稍微扭曲了，好像它被放大太多了。
当我向下滚动时，图片溢出在面包屑上。
js文件位于以下链接：，其中我使用$('.parallax-window').parallax({}); /* Parallax modal*/调用脚本，该脚本在上调用js paralax
我认为这可能与正确装载JS有关。因为我使用的是Yii框架，所以我将脚本包含在我的主文件中。如需任何信息，请告诉我
CSS是：
e.parallax-window {
min-height: 470px
浏览 7提问于2015-05-16得票数 8
回答已采纳
我从弹簧控制器返回数据如下：
HashMap hm = new HashMap();
hm.put("totalPage", pageQuery.count());
ArrayList al = new ArrayList();
while(iterator.hasNext()){
Vertex v = iterator.next();
MyPageList myPageList = new MyPageList();
myPageList.setPageName(....);
al
浏览 2提问于2014-02-10得票数 1
因此，我正在编写一个React应用程序，基本上，我试图使用包从一条路径重定向到另一条路径。但是，每当我的路径与重定向元素的“from”属性匹配时，我就会得到一个webpack错误。这是我的密码：
import React, { Component } from "react";
import "./App.sass";
import HeaderComponent from "./HeaderComponent";
import BodyComponent from "./BodyComponent";
import {
浏览 0提问于2019-06-30得票数 0
1回答
发现这是视差效应：
他们使用background-attachment: fixed;
如果您检查这里的第一部分，就会得到视差效应，但是没有使用background-attachment：。
<section id="section_5ZtkF" class="section-image hc-cmp-section light section-bottom-layer ken-burn-center" data-parallax="scroll" data-natural-height="1080" data-nat
浏览 11提问于2022-07-09得票数 -1
回答已采纳
1回答
大家好，我有一个问题，造型每一个项目的每一个项目，在一个平面。在堆栈溢出中，我发现您必须在呈现项中使用索引，但在呈现项中，我有一个包含所有项目的组件。
我想达到的是这样的结果：
以下是我在home组件中的代码：
import React, {useEffect, useState} from 'react';
import {
FlatList,
Pressable,
ScrollView,
StyleSheet,
Text,
View,
} from 'react-native';
import {Audio, Book} f
浏览 6提问于2022-10-26得票数 1
回答已采纳
1回答
我要做的是动态地添加新元素，并在将来的某个时候更改它们的样式。为此，我尝试创建一个对象，该对象将进入状态，并包含两个属性，将数组值设置为它们:一个是保存元素本身的数组，另一个是保存与之关联的样式的数组。
但出于某种原因，即使我尝试创建一个保存这两个属性的对象的副本(据说有人将状态视为堆栈溢出上的不可变状态)并对其进行更新，然后将状态设置为新对象，但它似乎仍然没有更新。
我也尝试了的解决方案，但它仍然给出了同样的问题。
var React = require('react');
var ReactDOM = require('react-dom');
var up
浏览 3提问于2015-12-26得票数 1
回答已采纳
我正在使用来自React Router v4的路由组件的render props使用Typescript和React实现经过身份验证的路由。 路由： import React from 'react';
import { Switch, Route } from 'react-router-dom';
import { ROUTES } from 'utils/constants';
import HomePage from 'components/pages/Home';
import GuestLogin from '
浏览 17提问于2020-08-18得票数 3
回答已采纳
4回答
这是我第一次使用Tailwind CSS来设计我的React应用的样式。当我在本地运行应用程序时，它的样式非常完美，但是，现在我已经使用gh-pages部署了它，没有样式可以应用。我需要对我的package.json文件或其他东西进行更改吗？
{
"name": "seafaring",
"version": "0.1.0",
"private": true,
"homepage": "https://superhackerboy.github.io/sweet-seafa
浏览 0提问于2020-03-04得票数 5
目前正在尝试用我的程序实现。按照他的示例，我尝试垂直分页，将元素旋转90度，子元素向后旋转90度。
虽然它可以工作，但它有相当的buggy，我只能在屏幕的边缘左右滑动。理想情况下，我希望能够在屏幕上的任何方向滑动。以及防止我的上下页面水平滑动。
水平分量
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ScrollView
} from 'react-native';
import {Parallax
浏览 4提问于2018-07-09得票数 3
2回答
我在react应用程序中设置了路由，如下所示：
// App.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, hashHistory } from 'react-router';
// Pages
import Layout from './pages/Layout/Layout';
import Home from './pages/Home/Home';
im
浏览 3提问于2016-12-13得票数 1
1回答
我正在尝试使用以下模块在div上工作：。
我正在尝试设置视差提供者，不仅指向身体，而且指向特定的div。我正在尝试引用元素(即scrollContainer)。
挑战是，我在页脚和页眉之间使用了一个“滚动div”，所以在would上做视差是行不通的。
我试着创建一个ref，并在“失败”上引用它。
文档要求引用一个元素作为ScrollContainer: scrollContainer元素的选项:可选地设置具有溢出且将包含视差元素的容器。默认为HTML主体
constructor(props) {
super(props);
this.myScrollDiv = React.c
浏览 0提问于2019-08-06得票数 3
回答已采纳
我用ionic-react为android创建了一个应用程序。Ionic react使用电容器代替cordova。我不知道如何在我的ionic-react应用程序中使用cordova插件。有cordova和ionic原生插件android-full-screen，但我不知道如何在我的应用程序中使用它。
我会给你看我的App.tsx。我希望我的应用程序从开始就是全屏的，例如在componentDidMount上。请帮帮忙，我在找几天，但找不到解决这个问题的方法。谢谢。
import React, {Component} from 'react';
import {Redirect
浏览 4提问于2019-10-29得票数 0
1回答
我正在学习反应路由，我正在看本教程：
它的2016年教程，所以我认为一些变化，因为‘反应-路由器’不再工作，我应该使用‘反应-路由器-多姆’。
我发现，我必须卸载‘历史’和‘反应-路由器’和使用‘反应-路由器-多姆’，但它不工作，当我改变它预期。
如何编辑这个以使它与‘router’一起工作？
import React from "react";
import ReactDOM from "react-dom";
import {Router, Route, IndexRoute, hashHistory} from "react-router"
浏览 2提问于2018-08-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
