Use this tag for questions about PrimeReact, a collection of UI Components for React.js. Questions tagged [primereact] should also be tagged [reactjs], but NOT [primefaces].
Questions tagged [primereact]
296 questions
0
votes
0 answers
How to gray out a dynamic menu in prime react
I am populating a menu in react which is coming form backend . I am using react route to navigate them.I want to gray out one of them while they will populate in the screen.I have used two css class one is banking-supplies-content which is basically…
Mandrek
- 1,159
- 6
- 25
- 55
0
votes
1 answer
Struggling with the Primereact DataView component in a redux state managed Component
I am trying to utililise the Primereact DataView and the problem is that my data is loaded from the backend using an action. The following is my code and will explain my objective latter.
export const getFinishedProjects = () => dispatch => {
…
DUMBA
- 159
- 2
- 10
0
votes
1 answer
Having a problem with PrimeReact Dropdown
I am still a novice in React Js and recently I have been developing using PrimeReact. The Forms and DataTables are doing well for me but I cant seem to figure out how deal with the Dropdown. My state is managed by redux and after mapStateToProps I…
DUMBA
- 159
- 2
- 10
0
votes
1 answer
PrimeReact DataTable: How to (visually) deselect rows
I'm using a DataTable that has row selection via checkbox as well as a global search. The problem is that if I select one (or more) rows and then filter via the global search, the positions of the selected rows stay the same, e. g. if I select row…
N4zroth
- 1,334
- 2
- 10
- 25
0
votes
1 answer
Using Filter property of PrimeReact DataTable
One of the columns of the DataTable implemented is somewhat like this
{ field: 'FieldValuesAsText#XYZ', header: 'XYZ', width: '150px', sort: true, filterElement: 'No' }
Aroj Subedi
- 51
- 2
- 5
0
votes
2 answers
Edit button tooltip color Prime React
i'm trying to change the background color of a tooltip, i'm using prime react button (https://primefaces.org/primereact/showcase/#/tooltip).
My code:
Luiza Silva
- 3
- 1
- 2
0
votes
1 answer
Reactjs unit testing array filter includes not working
I am trying to test the following onColumnToggle function, which is used to toggle some columns in a table (using Primereact Column Toggler):
constructor() {
super();
this.state = {
selectedColumns:…
User3000
- 65
- 1
- 12
0
votes
1 answer
React testing history push using jest
I am trying to test a menu bar, which handles routing to some pages using history.push. I am using Primereact Menubar component.
class MenubarComponent extends React.Component {
constructor() {
super();
this.state = {
…
User3000
- 65
- 1
- 12
0
votes
1 answer
React setState nested array callback
I have a parent component with an object which contains some nested arrays that represent a range:
class ParentComponent extends React.Component {
constructor() {
super();
this.state = {
…
User3000
- 65
- 1
- 12
0
votes
1 answer
Get DataTable row reference for a matching row in PrimeReact
I am using DataTable component from prime-react in my React application to create a data table. The table displays rows of data corresponding to some other data displayed besides the table. My requirement is that whenever the user clicks on this…
darKnight
- 5,651
- 13
- 47
- 87
0
votes
2 answers
Change row color of React table on double click
I am using DataTable component from prime-react in my React application to create a data table. I want to change the colour of the row when it's double clicked. However, when another row is clicked, the colour of the previous highlighted row should…
darKnight
- 5,651
- 13
- 47
- 87
0
votes
1 answer
TypeError: _this.props.addLead is not a function
I am trying to connect Primereact to my django backend project use a restframework and corsheader to connect both but i keep getting this error when trying to get or pass data.
Warning: Failed prop type: The prop addLead is marked as required in…
oliseh
- 1
- 4
0
votes
1 answer
TypeError: _this.props.addLead is not a function in react
i am having issues with prime-react, i tried to connect it to my django api which i had done successfully b4 and it work but with prime-react the same code doesn't seem to work. i don't know if it is running react dom or this is just a bug. so got…
oliseh
- 1
- 4
0
votes
1 answer
Reactjs dropdown component from primefaces installation issue
I am new to Reactjs and I would like to use this kind of dropdown in my app. There is mentioned as:-
npm i @bit/primefaces.primereact.dropdown . When I do so I get following error:-
npm ERR! code E404 npm ERR! 404 Not Found - GET
…
masiboo
- 4,537
- 9
- 75
- 136
0
votes
1 answer
How to check if JSON data matches a particular string in React js?
I want to check if data retrieved from JSON server matches a particular string in ReactJS. I am using PrimeReact to draw table and graph This is my code:
import React from 'react';
import {DataTable} from 'primereact/datatable';
import {Column}…
Anish Arya
- 518
- 1
- 7
- 24