Ionic (React) IonIcon -无法对齐到中心
Ionic (React) IonIcon 是 Ionic 框架中用于图标展示的组件，它通过 IonIcon 组件可以实现对图标的使用和定制。
Ionic 是一个开源的移动应用开发框架，它利用了 HTML、CSS 和 JavaScript 技术栈，帮助开发者构建跨平台的移动应用程序。Ionic 框架提供了丰富的 UI 组件和工具，可以轻松创建具有原生应用体验的移动应用。
Ionic (React) IonIcon 组件提供了一系列的图标，可以直接在应用程序中使用。它可以让开发者以简洁的方式引入和使用各种图标，且支持定制化样式和图标大小。使用 IonIcon 可以增强移动应用的可视化效果，提升用户体验。
针对 "无法对齐到中心" 的问题，可以尝试以下解决方案：
- 使用 CSS 样式进行对齐：通过设置 IonIcon 组件的父元素或自身的样式属性，例如
display: flex; align-items: center; justify-content: center;来实现图标的居中对齐。 - 调整 IonIcon 组件的属性：Ionic (React) IonIcon 提供了一些属性来控制图标的对齐方式，例如
slot属性可以设置图标的插槽位置，vertical和horizontal属性可以设置图标的垂直和水平对齐方式。 - 检查容器元素的布局：确保 IonIcon 组件所在的容器元素具有正确的布局方式，例如使用适当的容器组件（如
<div>）或者 CSS 布局属性来保证图标能够居中显示。
如果以上解决方案无法解决对齐问题，可以查阅 Ionic (React) 官方文档中 IonIcon 组件的使用说明，或者在 Ionic 社区论坛中寻求帮助。
相关链接：
相关·内容
我正在尝试将图标与Ionic (React)中的中心对齐。但该图标位于左侧，如截图所示： ? TSX代码： type WalletBtnProps = {
icon: { ios: string; md: string };
label: string;
};
class WalletBtn extends React.Component<WalletBtnProps> {
render() {
return (
<div className="wallet-button ion-text-center">
浏览 18提问于2020-01-18得票数 0
回答已采纳
我有一个反应应用在Ionic 5，我想添加一些自定义的SVG到它。
，但我的问题是关于反应。
我的应用程序文件夹结构如下：
钢筋混凝土
资产
listen.svg
SvgListen.tsx
这是SvgListen.tsx
import React from 'react';
import { ReactComponent as ListenSvg } from './listen.svg';
import { IonIcon } from '@ionic/react';
const SvgListen =
浏览 2提问于2021-02-15得票数 0
回答已采纳
1回答
我正在使用Ionic 4和一个反应设置。
ionic start myapp --type=react
我试图在应用程序中添加一个简单的Fab按钮，将其定位到屏幕右下角：
<IonFab vertical="bottom" horizontal="end" slot="fixed">
<IonFabButton onClick={()=>{props.history.push("/add")}}>
<IonIcon icon={add} />
</IonFabButt
浏览 1提问于2019-09-05得票数 6
回答已采纳
我在Ionic Framework中用React创建了一个菜单，我想重定向到用户点击的页面，但这不会发生，项目是不可点击的。我已经尝试过用IonButton而不是IonItem，它可以正常工作！
<IonMenu side="start" contentId="content">
<IonHeader>
<IonToolbar>
<IonTitle>Menu</IonTitle>
</IonToolbar>
浏览 0提问于2020-02-12得票数 4
1回答
我在react中使用ionic 5 css库。
我喜欢IonTabButtons的样式，而不是IonButtons，因为IonTabButton允许在图标下显示文本。在屏幕截图中，我显示了所有显示为选项卡按钮的图标，但Home除外，它的样式是一个IonButton。
我喜欢IonTabButton的外观，但是它没有运行onclick函数(没有控制台语句)。
我的问题是: a)将onClick功能添加到icon标签页，还是b)使IonButton的外观与IonTabButton处理图标和按钮内所有文本的方式相同。
如果是选项b)，你知道在哪里可以找到IonButton和IonTabButton的
浏览 21提问于2021-02-19得票数 1
回答已采纳
1回答
我正在做一个Ionic React Project，我想添加一个图像(下面的方块)和一个文本在图像 ('Home')旁边，在相同的行和高度，在我的应用程序的标题中。我尝试了不同的css样式，但没有任何效果。
import React from "react";
import {
IonHeader,
IonTitle,
IonToolbar,
IonIcon,
IonMenuToggle,
IonButton,
IonButtons
} from "@ionic/react";
import { menuOu
浏览 0提问于2021-07-06得票数 1
回答已采纳
我在执行离子4汉堡菜单时遇到了困难。我将菜单放在单独的组件中，如下所示： import React from "react";
import {
IonMenu,
IonHeader,
IonToolbar,
IonTitle,
IonContent,
IonList,
IonItem,
IonButtons,
IonMenuButton,
IonIcon,
} from "@ionic/react";
import { menuController } from "@ionic/core";
impor
浏览 28提问于2020-10-14得票数 1
2回答
我正在使用离子反应来制作应用程序。当我想要添加IonIcon时，它说
的“电离图标/图标”不包含名为“星号”的导出
这是我的密码
import { IonApp, IonButton, IonContent, IonFooter, IonHeader, IonIcon, IonTitle, IonToolbar }
from '@ionic/react';
import React from 'react';
import { star } from 'ionicons/icons';
const Home = () => {
ret
浏览 2提问于2021-08-07得票数 2
回答已采纳
我已经在Ionic React中创建了一个侧边菜单，并想为侧边菜单的一个项目添加一个子菜单。 SideMenu组件： import React from "react";
import { useContext } from "react";
import {
...
arrowDown,
arrowForward,
} from "ionicons/icons";
const SideMenu: React.FC = () => {
const { firstName, lastName } = useContext(Au
浏览 18提问于2021-04-28得票数 0
回答已采纳
我正在尝试用Ionic (React)建立一个标签导航。然而，我得到了一个奇怪的错误-我假设它与的href属性有关，但我不能理解它。 确切的错误是:无法读取未定义的返回props.currentPath.startsWith(Href)的属性'startsWith‘； 任何洞察力都是非常值得欣赏的。 TabRoot.js： <IonRouterOutlet>
<Route path="/:tab(tab1)" component={NewsPage} exact></Route>
浏览 47提问于2019-09-17得票数 1
回答已采纳
2回答
我在一个离子反应应用程序中有一个选项卡导航页面，我想给这个页面添加一个边菜单，我知道我必须使用IonMenu组件，但是我很难将两者合并。下面是指示我如何实现选项卡导航的代码：
import React, { Component } from "react";
import {
IonIcon,
IonLabel,
IonRouterOutlet,
IonTabBar,
IonTabButton,
IonTabs,
} from "@ionic/react";
import { Redirect, Route } from "r
浏览 7提问于2020-06-24得票数 1
回答已采纳
1回答
我在我的项目中使用了许多组件，在所有这些组件中，每个组件都需要不同的ionIcon。所以我创建了图标组件。从每个父组件传递给图标子组件的图标名称。但这并不有效。
**
<Icon name="closeCircleOutline" /> \\ this is the parent component
图标组件
import { IonIcon, IonItem } from "@ionic/react";
import * as iconName from "ionicons/icons";
export default func
浏览 6提问于2020-09-29得票数 0
回答已采纳
我只是尝试按照说明从ionic x react文档中构建一个todo应用程序，但当我尝试要求时，我得到了这个错误(查看图像) ? 这是我的代码，有人知道我怎么做错了吗？ import { IonContent,
IonHeader,
IonPage,
IonTitle,
IonToolbar,
IonList,
IonItem,
IonCheckbox,
IonNote,
IonLabel,
IonBadge,
IonFab,
IonFabButton,
IonI
浏览 99提问于2020-02-02得票数 4
回答已采纳
我正在用Ionic 5构建一个应用程序，并做出了我认为会像SPA一样工作的反应。
我的问题是，我没有任何页面转换。当我点击一个链接到一个子页面时，浏览器会像你期望的那样从一个经典的网站上加载这个页面。
我尝试了他们在中推荐的方法，但没有奏效。
只有当我单击“设置”页面时，我才会得到页面转换。当我点击配置文件页面上的设置链接时，我不会得到页面转换。
如何在不加载经典浏览器的情况下获得每个页面的转换？
提前感谢！
编辑1:添加路由文件编辑2的代码:添加3个其他文件()
App.tsx
import {
IonApp, IonRouterOutlet,
} fro
浏览 1提问于2021-04-25得票数 1
标签页非常适合在iOS和安卓应用程序中使用，但是在移动web客户端上使用标签页并不理想，因为手机底部有导航栏。一个例子是Etsy和Amazon是如何在他们的移动web客户端中废弃标签页的。
如何在移动web客户端的Ionic React应用程序上隐藏标签？
我想这将涉及到用下面的代码在选项卡周围包装某种函数或钩子。
<IonTabBar slot="bottom">
<IonTabButton tab="tab1" href="/tab1">
<IonIcon icon=
浏览 12提问于2021-03-03得票数 2
回答已采纳
1回答
反应型动态离子图标
、、、
我想使我的IonIcons是动态的，这样它们就可以重用。但是我需要在{}中设置它--我不知道如何使用.map()元素来实现它。
import React from "react";
import { IonIcon, IonLabel } from "@ionic/react";
import styles from "./quickOptions.module.css";
import { alarmOutline, personOutline, cartOutline } from "ionicons/icons";
exp
浏览 18提问于2022-11-29得票数 0
回答已采纳
我正在构建Ionic React应用程序，ionic的版本是5。在我的应用程序中，我有底部导航。我已经提到了App.tsx中底部导航的逻辑。 我在仪表板页面上有一个添加按钮，单击该按钮，我想打开一个页面，其中将不包含底部导航。我在互联网上得到了很多关于离子角度的答案。我正在寻找一个具体的答案离子反应。 App.tsx
<IonContent>
<IonReactRouter>
<IonTabs>
<IonRouterOutlet>
<
浏览 29提问于2020-03-31得票数 6
2回答
我想在ionic的工具栏上设置select-option，但我无法将它对齐到中心，我已经尝试了很多方法……通过使用这些方法我无法做到这一点，
<div text-center>
<label class="email">
<input type="email" placeholder="Email" name="email">
</label>
</div>
此方法将输入框与中心对齐，但不会将select-option与中心对齐。这是
浏览 2提问于2017-10-23得票数 7
2回答
在我的Dashboard Page中，我有一个我正在渲染的叫做<DashHome />的组件，我从仪表板页面传入了一个对象数组作为道具传递给它，其中一个图标是每个对象的一部分，除了图标之外的所有东西都会被渲染，幸运的是，当我console.log()图标时，它给了我名字。 我不知道怎么回事，我是不是传错了图标？用很多图标测试过了。<IonIcon /> Dashboard.tsx
import {
IonBackButton,
IonButtons,
IonContent,
IonFab,
IonFabButton,
IonHeader,
浏览 10提问于2021-02-05得票数 0
回答已采纳
需要帮助路由到另一个页面。我有页面，输入用户配置文件到防火墙数据库，一旦提交页面将路由到下一页(WelcomePage.jsx)。
添加到Firestore数据库运行良好，但在单击submiting按钮后，下一页的路由失败。我在控制台日志中没有收到任何错误。
下面是我的代码：ProfilePage.jsx
import React,{useState} from 'react'
import {auth} from '../firebaseconfig';
import { person,calendarNumber,location} from '
浏览 2提问于2021-07-24得票数 0
我已经创建了一个带有离子和电容JS的PWA，遵循这个指南：。
在我将它添加到firebase并开始测试代码之后，我在IOS手机上的Chrome上遇到了一个问题。它可以在android和网页浏览器上工作。
但是当我点击“拍照”按钮时，上面写着“找不到相机”，浏览器也不让我使用相机。如果我在Safari上尝试同样的东西，它就会要求拍摄。
下面是查看测试的url：
有谁遇到过同样的问题吗？我猜想这是一个新的问题，因为指南似乎没有问题。
这是我的代码-我遵循了链接教程，但没有添加本机支持，因为我只想使用它作为一个PWA。
钩子/usePhotoGallery.js文件
import { useStat
浏览 3提问于2020-09-11得票数 2
回答已采纳
1回答
未定义的Componet元素
、、、、
将Ionic Modal实现为一个反应性组件，我得到了以下信息：
类型'({ onClose，tipo }：PropsWithChildren<{ onClose: any；tipo: number；}>)未定义的=>元素“不能分配到”FC<{ onClose: any；tipo: number；}>“。类型‘元素\未定义’不能分配到键入'ReactElement<any，any> \ null‘。类型“undefined”不能被分配到键入'ReactElement<any，any> undefined‘. is (
浏览 3提问于2020-11-19得票数 0
我使用的是React Ionic，我无法减少来自Grid的Grid元素的顶部/底部填充。
这是我正在使用的代码
<IonGrid fixed={true} >
<IonRow >
{
categories.map(l => {
return (
<IonCol key={l.name} size="6" size-md >
<IonCard
浏览 5提问于2020-06-06得票数 2
回答已采纳
我在react中使用ionic-framework。我想使用ion-searchbar组件根据卡片的标题来过滤卡片。我曾经使用过，但一直停留在如何向react中的这个搜索栏组件添加功能。请告诉我如何在react中用ionSearchabar过滤离子卡。我写的代码如下：
import {IonCardSubtitle,IonCardContent, IonIcon, IonCardTitle, IonCard,
IonCol, IonRow, IonBackButton, IonContent, IonHeader, IonPage,
IonTitle, IonToolbar, IonLa
浏览 9提问于2021-02-17得票数 0
我正在构建一个Android Ionic React应用程序，即使在尝试了多种在线解决方案后，我也遇到了下面的问题，很抱歉发了这么长的帖子。托管在https://stackblitz.com/edit/ionic-react-tabs-gvcbpq中的源 我有一个主要组件，它定义了几个路由和IonTab， const MainMenu: React.FC = () => {
return(
<IonPage>
<IonReactRouter>
<IonTabs>
浏览 4提问于2020-06-21得票数 0
2回答
我已经使用Ionic 5标签模板创建了一个Ionic React应用程序。
我想将一个对象从传递到tab组件。
有什么办法吗？
Tab1和Tab2是我的选项卡组件。
备注：--我希望这个对象在两个具有双向数据绑定的Tab组件中使用，也就是说，每当在一个Tab组件中更改该对象时，必须在第二个Tab组件中更新该对象。我希望在不使用Redux或任何第三方库的情况下实现它。
我的应用程序组件如下所示：
<IonApp>
<IonReactRouter>
<IonTabs>
<IonRouterOutlet>
浏览 4提问于2020-03-15得票数 3
1回答
我在项目目录中保存了一个.mp3文件。我想在《咆哮》里玩这个。是不是我的src有什么错误？我想不出来。我试着播放一个带有链接的在线托管音频文件，效果很好。这可能是一个愚蠢的错误。但请帮帮我。我在Slideone.tsx中播放音频文件(查看下面的图片)。我尝试将音频文件放入与Slideone.tsx相同的目录中，也尝试将其放入另一个名为Music的目录中。我两次都相应地改变了路径。它没有播放音频。到目前为止，只有链接在线音频可以正常工作。提前感谢！
代码：
import { IonContent, IonToolbar, IonGrid, IonRow, IonCol, IonIcon, Ion
浏览 19提问于2021-02-17得票数 0
我刚刚升级了我的angular ionic应用程序，通过运行ng update从angular 12使用angular v13。更新成功，但现在我无法运行应用程序，出现以下错误
[ng] Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIc
on' and 'HTMLStencilElement'.
[
浏览 102提问于2021-11-11得票数 2
2回答
我正在尝试在我的应用程序中添加一个IonPopover。最初，我是通过定义一个自定义元素，并使用popoverController创建一个弹出程序来实现的。它工作得很好，但感觉有点混乱，所以我将组件从类转换为函数组件，以使用React。显示了下面的示例代码：
import React, { useState } from 'react';
import { IonPopover, IonButton } from '@ionic/react';
export const PopoverExample: React.FC = () => {
const
浏览 6提问于2020-10-30得票数 0
我在离子和反应方面是新手。我试图建立组件，这是跟踪设备的GPS坐标，并通过AJAX发送到后端API。我能够开发跟踪，包括将数据发送到API，但我不知道如何启动和显示/存储设备UID。
我确实遵循了的指南，但没有关于如何在React中启动插件的信息，总是只在Angular中。
代码如下：
import React from "react";
import { stopwatchOutline, play, stop } from "ionicons/icons";
import {
IonHeader,
IonPage,
IonTitle,
Ion
浏览 3提问于2021-01-07得票数 0
我有一个特定的用例，在这里，我需要通过单击制表符栏中的选项卡来触发一个打开的模式。类似于Instagram在单击选项卡栏中的(+)图标以添加新帖子时触发模式打开的方式。
如果设置了以下Ionic React选项卡，我应该如何重新配置才能使其工作？我非常希望避免将我的模态代码复制/粘贴到每一个页面上。
App.tsx
const App: React.FC = () => {
return (
<IonApp>
<IonReactRouter>
<IonTabs>
<IonRouterO
浏览 0提问于2020-05-16得票数 1
在尝试分派操作时，我得到了这个错误：
属性'fetch_feed_loc‘在'PropsWithChildren<{ onSubmitForm: any；}>’类型上不存在。属性'fetch_feed_loc_srch‘在类型'PropsWithChildren<{ onSubmitForm: any；}>’上不存在。
但是当我console.log道具的时候，它是在向我展示作为道具存在的动作。
import React, { useState } from 'react';
import { useForm,
浏览 0提问于2020-07-07得票数 3
2回答
我收到一个错误 Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might ha
浏览 8提问于2020-11-18得票数 1
我已经为我正在使用ReactJS开发的离子应用程序设置了一个基于reducer的上下文。我的期望是useEffect将调用缩减程序并将数据添加到存储中的属性数组中，然后呈现程序将使用该数据在视图上呈现该值。然而，这并没有发生，如果我没有错的话，在reducer可以从API获取值之前，页面就被呈现了。但是，我无法从控制台日志中确认这一点。
PropertyReducers.js
import { useReducer } from "react";
import propertyservices from "../../service/propertyservices&#
浏览 0提问于2020-12-17得票数 0
我创建了一个空白的Ionic Vue项目，并在下面的视图中添加了ion-icon元素和IonIcon导入： <template>
<ion-page>
<ion-header :translucent="true">
<ion-toolbar>
<ion-title>Blank</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullsc
浏览 89提问于2020-12-28得票数 0
2回答
奇怪的事情一天一天地发生。
突然之间，我收到了这个错误，我的Ionic应用程序，这是由离子回按钮，以及其他离子图标。
以下是错误：
Refused to connect to 'data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>Arrow Back</title><path stroke-linecap='square
浏览 15提问于2022-04-15得票数 0
因此，我遇到的问题是，每当我将项目中贴图容器的大小切换到硬编码像素量以外的其他值时，贴图实际上就消失了。我认为它可能以某种方式将高度设置为0，或者它没有正确地获取容器的%。 CSS： .map-container {
height: 100% !important;
width: 100%;
border-style: solid;
border-color: cadetblue;
} React Render bit是在其中构建的： render() {
return (
<div>
<div
浏览 27提问于2021-07-29得票数 1
从API请求中，我得到了如下所示的数据数组(我获得了100个元素，但这里只显示了2个元素)：
data: Array(2)
0: {cardId: 270, name: "Basic card" , type: "type1"}
1: {cardId: 345, name: "Special card" , type: "type2"}
我使用map()方法在我的应用程序中显示它们。每个数组元素都通过<IonCard>显示在应用程序中。卡名在<IonCardTitle>中，卡片类型在<IonCardC
浏览 2提问于2021-06-14得票数 1
回答已采纳
1回答
我正在使用Ionic 4 React，并试图制作一个简单的聊天应用程序。当用户加载聊天页面时，我希望自动从页面底部开始。执行此操作的最简单方法是什么？ 下面是我的代码： <IonPage>
{/* Header */}
<IonHeader>
<IonToolbar>
<IonButtons slot="start">
<IonButton onClick={() => {
setC
浏览 13提问于2020-03-16得票数 0
我可以在同一屏幕上导入react-native-vector-icons/font- and和react-native-vector-icons/Ionicons吗？基本上我想在同一个屏幕上同时使用字体和离子图标来显示不同的图标？
Example-
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/font-awesome';
import Icon from 'react-native-vector-ico
浏览 5提问于2017-11-23得票数 2
回答已采纳
我想水平地对齐位于这个TextField中心的标签：
import React from "react";
import { withStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";
export default function BasicTextField() {
return (
<TextField
浏览 8提问于2021-06-03得票数 1
回答已采纳
1回答
当我为离子加载我的sass时，我得到了一个无约束变量。我正在尝试覆盖复选框，而ii图标变量将不会解析。
// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;
// Include all of Ionic
@import "www/lib/ionic/scss/ionic";
.following {
.checkbox input:before, .
浏览 0提问于2015-04-10得票数 0
回答已采纳
我是第一次接触Ionic。我刚刚在本地系统上安装了新发布的Ionic React 4.11 ()。但是找不到合适的文档，对一些components.This文档页面没有包含任何用法的例子。
我需要一些帮助来实现导航示例显示在下面的给定链接。
有没有人可以指导一下如何在Ionic React中实现相同的示例。
我在这里找到了示例代码：
但是它是普通的JavaScript格式，所以我试着把它转换成React格式。但是不确定如何在React中转换相同的示例代码。唯一待处理的部分是在点击任何项目时注入相关NavDetail组件。请看附件截图，我能做到多少。
const techs
浏览 0提问于2019-10-18得票数 5
使用Ionic 4和React时，我有以下代码： <IonChip color="success">
<IonIcon icon={thumbsUp} />
<IonLabel>{this.state.numCorrect}</IonLabel>
</IonChip> 默认情况下，这将在我的浏览器中呈现以下DOM内容： <ion-chip color="success" class="ion-color ion-color-success ios ion-activatable
浏览 16提问于2020-01-27得票数 2
回答已采纳
默认情况下，Ionic Slides依赖于滑动屏幕。 我还在我的网站上托管我的Ionic应用程序作为well应用程序，所以我想让用户按下一个按钮来前进到下一张幻灯片。(用鼠标“滑动”并不直观。) 根据上面链接的文档，有一个slideNext方法，但是我如何使用它呢？我不知道如何在我的代码中调用它。 例如，我可以在下面的IonButton的onClick中添加什么？(基于example react conference app的代码) const Tutorial: React.FC<TutorialProps> = ({ history, setHasSeenTutorial,
浏览 21提问于2021-03-21得票数 0
回答已采纳
1回答
我使用了Ionic docs关于使用布尔状态的指南来确定何时打开或关闭我的模式。单击卡片时，它将状态设置为打开模式，但当按下关闭图标时，它不会将状态更改为false或关闭模式。如果我创建了一个单独的组件来处理这种行为，是否有可能？
import { useState } from "react";
import {
IonCard,
IonGrid,
IonCardHeader,
IonCardTitle,
IonCardSubtitle,
IonText,
IonCardContent,
IonImg,
IonRow,
IonCol,
浏览 9提问于2022-02-13得票数 1
我正在用ionic react创建一个移动应用程序，并使用了"ionic start --sidemenu“选项。这是我的App.tsx <IonApp>
<IonReactRouter>
<IonSplitPane contentId="main">
<Menu isLogged={isLoggedIn} userType={userType} logoutFunc={logout} />
<IonRouterOutlet id="mai
浏览 36提问于2021-01-05得票数 0
回答已采纳
在React本机中，使用flexbox，我的<Text>组件中的文本是水平(垂直)居中的。
这就像预期的一样--如果文本行足够短，那么而不是需要将包装到下一行。
但是，当给出一个长文本字符串时，将封装在多行之间，呈现的文本不会使水平地以为中心！
相反，包装的文本将对齐到左侧边缘。
如何迫使包装的文本行水平居中？
这个水平中心是shortText，而不是longText：
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
class De
浏览 0提问于2018-04-20得票数 4
回答已采纳
所以我从服务器端获取数据。state正在redux中加载，但react不会渲染处于State中的数组。 下面是我的react组件： import React, { useEffect, useState } from "react";
import { IonContent, IonButton, IonButtons, IonToolbar, IonTitle, IonHeader, IonList } from "@ionic/react";
import { IInviteModal, IInviteReduxProps } from "../
浏览 24提问于2020-10-02得票数 0
当一个网址被按下时，我需要加载一个特定的IonIcon。我唯一能找到的就是使用 this.props.history.push('/') 但我要做的是回家。怎么可能做到呢？ const Ingresar: React.FC = () => {
const goBack = () => {
this.props.history.push('/')
};
return (
<IonPage>
<IonHeader>
<IonToolbar>
浏览 12提问于2020-11-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
