Questions tagged [react-button]
16 questions
4
votes
3 answers
ReactJS bootstrap button as a link (new tab)
I investigated a lot of topics about using button as a link but didn't found a solution for me - I need to open a certain page in a new tab using React bootstrap button.
Vyacheslav Fedorin
- 143
- 1
- 11
2
votes
4 answers
how to pass svg as a prop to a pressable component
I'm using lot of svg images with the help of these two libraries
"react-native-svg": "^12.1.0",
"react-native-svg-transformer": "^0.14.3",
Then I can able to import and use svg images like below.
import Logo from…
user14016776
1
vote
1 answer
How to open up a new page when clicked on a button in React.js without using Routers?
I am very new to React (React hooks, etc). My task is to open up a page when clicked on a button. I do not want to change the url in this case. Just open up a new page (just load the new page component on the main page)?
Example,
export function…
skate_23
- 447
- 1
- 11
- 25
1
vote
0 answers
How can I access nested function from navbar.js button in reactjs?
I want to include a save button in my navbar which should evoke my savebuttonhandler1 function. However, the savebuttonhandler1 function is a nested function within a functional component (rete.js).
Rete.js is a functional component serving one page…
Rainer Winkler
- 485
- 1
- 7
- 20
0
votes
3 answers
Trying to shift my React button based on numerical values (##px) doesn't work?
So I'm trying to display my button more to the right. However, no matter what I try, I can't get it to move it beyond only a few positions. To generalize the million things I've been attempting and the outputs, the button displayed is always…
Yajax
- 31
- 6
0
votes
1 answer
React render component on button click
How do I call/render a component on a button click in React? I'm creating a table using 'form' and calling the rows as separate components. I'd like a user to be able to click a button to add more rows to the table if they need to. I added a button…
dszal
- 1
- 1
0
votes
2 answers
Why won't the navigation read the id from a nested array?
I revised me question after finding the source of my problem. For some reason the navigator doesn't read the id named 'topic' which is declared in the interface. I'm not entirely sure how this is happening as it works in the return scope
import {…
winterx0
- 17
- 7
0
votes
1 answer
Getting an object from a table row in React
I'm a beginner working on a simple CRUD, and all I want to do is get the user from the selected row. If you look below:
{/* ANCHOR - TABLE ROWS */}
{admins.map((user, index) => (
…
jmsapps
- 388
- 2
- 17
0
votes
2 answers
Button won't center even though align-items: center is used in CSS for div
I have this div:
My CSS for this is:
.cert-footer {
padding-bottom: 20px;
…
runnerpaul
- 5,942
- 8
- 49
- 118
0
votes
1 answer
Creating a table when a button is clicked in Reactjs
enter image description hereNeed to create a same new table with headings as shown above , when show button is clicked.it should create a table without the data but with the same headings
The table should create each time when the show button is…
0
votes
1 answer
I want to be able to receive an alert after pressing a button on a separate screen (not the screen with the button). How might I go about doing this?
REACT NATIVE APP DEVELOPMENT
Let's say on Screen A I have a button. I want to be able to press that button and get an Alert onto Screen B.
On this Screen B, I want the Alert to be more like a notification where it stays there until the user clicks…
reactnativenerd
- 21
- 1
- 4
0
votes
1 answer
How to Center an Icon in a Button?
I am trying to use a button for navigation, so I want the button to be a group of an icon and text that I can click to navigate to a new page. The functionality works by doing this:
figbar
- 714
- 12
- 35
0
votes
1 answer
Element type invalid in React Native
I'm new to react native and I'm following along with a tutorial. This is my App.js file:
App.js
import React, { useState, useEffect,FlatList } from 'react';
import {View,Text,ImageBackground,Button} from 'react-native';
import styles from…
nimramubashir
- 61
- 1
- 9
0
votes
0 answers
Button Flickering onHover in React
I have 2 Components "TableCard" et "TableGrouping". I have a component inside "TableCard" called "Grouping".
When I hover the button with my mouse it is flickering/flashing on my screen. The 2 components are separated in 2 files because I need to…
Hugo dz
- 45
- 1
- 7
0
votes
1 answer
Reactjs disable button onclick realtime
I have the following code in my project and I need to disable the wislist button on click realtime. I was able to disable it but it's disabled after reloading the page.I need to do that just after the button is clicked.
This is my js
const…
Sahan Thilakarathna
- 399
- 4
- 19