The ReactJS version of the Ionic cross platform mobile application development framework.
Questions tagged [ionic-react]
240 questions
0
votes
0 answers
Formik Field and IonSelect not not setting value in form
Created a custom select field with Formik field and Ionic
but on form submission its value is not get forwarded to the form
Below is the code:
import React from 'react';
import { IonLabel, IonSelect, IonSelectOption } from '@ionic/react';
import {…
Aditya_Tarale
- 78
- 3
0
votes
0 answers
Ionic-react with capacitor realoading the whole app in android
in android app is reloading after focused or unfocused in app.
wehen click on input type file it will open a dialogue box for file choose after file choose it reloading the whole app.
Sumit Sharma
- 160
- 9
0
votes
0 answers
How to prevent page refresh on file choose in ionic-react
{
console.log(e.target.files[0])
}}
ref={fileRef}
type="file"
className="fileType"
…
Sumit Sharma
- 160
- 9
0
votes
1 answer
How to redirect from outside of the component in react ionic framwork
I am trying to redirect my app on a condition. If it's login as a teacher then it must redirect to teachers profile otherwise it should redirect to student profile and if it's not login then it must redirect to login.
(() => {
if (isLoggedIn() !==…
vivek modi
- 800
- 2
- 7
- 23
0
votes
1 answer
React state resets when routing (Ionic)
I'm trying to use React states in an app-wide context so all my components and pages can access the most important variables in a convenient manner that updates them as well.
I've noticed that setting and accessing the state from the context works…
traxx2012
- 394
- 2
- 16
0
votes
0 answers
Use effect not working in without refreshing the page
I am making a app using ionic-react. Calling a api in useEffect but api is not getting call.
import classes from './index.module.scss';
import React, { useEffect, useState } from 'react';
import { IonContent, IonPage } from '@ionic/react';
import {…
vivek modi
- 800
- 2
- 7
- 23
0
votes
1 answer
how to implement Ionic-react offline mode
I want to make a ionic app offline but i don't know how to implement
NoobMaster69
- 63
- 4
0
votes
1 answer
Registering for capacitor Push Notifications
I am trying to set up Push Notifications for my React Ionic project via Firebase. I have done everything based on the documentation and I am able to receive push notifications both in foreground/background and in both IoS & Android.
Below is the…
vasilaou
- 35
- 5
0
votes
1 answer
How to apply hover effect on IonButton so that it can open IonPopover as tooltip in Ionic-React?
Ankit Dhoot
- 59
- 3
0
votes
1 answer
Connect to MySQL using Ionic Framework without api layer
Is it possible to connect to a MySQL database directly from an Ionic application without an integration/api layer?
All the answers I found online suggest to create API in php or nodejs, but I would like to develop a sql client and the whole point of…
Davide Briscese
- 1,161
- 8
- 18
0
votes
1 answer
How to Use UniqueDeviceId in ionic/react
i want to get Uniquedeviceid from device and then use it . i fount the solution for angular by in ionic/react i didn't find any suitable solution.
the sample is like this
at first i installed this :
$ ionic cordova plugin add…
fateme mosleh
- 11
- 1
- 3
0
votes
1 answer
Problem with rendering a dynamic page in ionic-react
I need help I'm pretty new to ionic react and I can't figure out what I did wrong in my code when I click one of the IonItem it is supposed to navigate to and render a dynamic page, however, it does not render, it just changes the URL, it logs out a…
DudeFuturistic
- 1
- 1
0
votes
1 answer
Redirecting to a specific page based on conditions (Ionic + React)
I have made a questionnaire using ionic slides and I am able to create an array called Answers which stores the selected value from each question.
I wanted to enquire how I can now use an if-statement with this array and then navigate to a specific…
ahsirk83
- 23
- 4
0
votes
1 answer
Ionic React - set navigations based on a parameters
I need to handle the navigation based on a parameter with a button click event.
In ionic angular I can easily do it like
setNavigation(param:string,url:string)
{
let navigationExtras: NavigationExtras = {
queryParams: {
type:…
LVW23
- 85
- 2
- 13
0
votes
1 answer
Ionic React send Object Prop to Child Component
I just dont get it. I am kinda new to Typescript but used to Code in React.js.
I have a simple Component like
const Tab1: React.FC = () => {
const [spices, setSpices] = useState(
[
{
Gewuerz: "pepper",
Gramm: 50,
…
snux_cs
- 63
- 7