Can't update a component in ReactJS - reactjs

I am working on a usual crud application in React. You can add a party to the list and each party list item can be edit, deleted etc. Currently, I am working on the grey + button which should increment the votes by 1 each time the button gets clicked.
UI of the application
However, as soon as I click the button, the application breaks with the following error code.
Error Code
I am trying to update a component using setState(), but its not working. I thought somebody might help. I have been trying for 3 days, but nothing works. I have to admit that I am a beginner.
Here is a link to the current code .
https://github.com/Benni8753/Election2021.git
Thanks in advance.
Benjamin

Related

primereact overlay components (dialog, sidebar) - inconsistent bug - Maximum update depth exceeded

So we have a primereact components based app,
and the problem occurs when triggering the show of an overlay component
(usually a Dialog, but I've noticed it could also happen with Sidebar),
in a specific page that concerns with showing a table and the basic crud associated with it,
we show the form to create/update inside a Dialog,
when clicking the appropriate button the dialog shows..
only sometimes the dialog crashes and this error shows:
this have been happening for a very long time, and there were many attempts,
not even to fix it, but just to get the bug re-produced consistently.
couldnt do it...
of course tried finding a setState that could get stuck in a loop
any help would be appreciated :)

How to invoke the Flow, On Button Click from LWC(Salesforce)

I have requirement where I have to load flow having different screens, on click of button in LWC.
I found only one blog related to this is :
https://unofficialsf.com/developer-topic-insert-screen-flows-into-your-lwc/
but not working for me. Please help me on it, how we can achieve it.
Have you tried using the lightning-flow-support LWC component?
The component documentation.
I've also found a usage example.

What type to use to create a half page in reactjs

I am working on a software project that will allow the user to create a chat. My application will have a chat button which when clicked by the user will trigger the display of a rising half page spanning the screen in length and which can be topped, like this:, Here I take a example on the vscode console and the circled button is the button I would like to create at the top of the window to allow overriding it. My main concern is that I don't know how to create this type of page and when I search the web I see tutorials for creating modal windows and courses for getting started in reactjs. I'm brand new to reactjs and hope to get help from more experienced members of the community.
Thank you for reading my question and I look forward to your responses.

Issue when navigating from one form to another when second form has Picker control

In my App, While navigating from one form to another, I found an issue with both android and IOS debug build. This will happen only when second form contains any type of Picker control. I have added logic to navigating to second form on click of a button on the first form. So now when I click the button, Picker control of the second form open up on first form instead of navigating to second form. Second form will appear only after I made the selection on Picker Control. This issue is happening on bother android and IOS builds. Please advise if any one encounter similar issue with recent debug builds.
This happens only when Picker is first control on the form.
Code used for Picker:
Picker firstAppForm = new Picker();
String[] options = {"Tabbed Menu", "My Schedule "};
firstAppForm.setStrings(options);
firstAppForm.setUIID("TextField");
firstAppForm.setAutoSizeMode(true);
I tried to reproduce it and wasn't able to but I did run into a null pointer exception related to the native picker which might be the underlying cause of this.
I've pushed out a fix that should be available now so if you send a new build this will hopefully be resolved.
as a reference, I've published three videos to help illustrate the current problems I'm facing and probably #Chris L as well, maybe this aid in finding out the root of the problem. The links can be found as a comment to the initial publication.

Latest version of Fuelux - I can't get datepicker working in wizard - next button

background:
Quite easily I've got the Fuelux Wizard working.
I now wanted to introduce a date picker in one of the steps.
I did get the datepicker working fine outside of the wizard.
my problem:
when I introduced it into the form i have had problems.
The next and previous buttons do work but the page is immediately reloaded.
I debugged through the code and I see that the calendar is updated but then
the jquery event handling code returns and then my page is reloaded.
I'm at a loss to understand why the page is being reloaded.
I'm guessing that it is something to do with the event handling in the wizard
- as this html code works perfeclty outside of the wizard.
Any ideas ?
Has anybody got this working ?

Resources