react shows error when submit button click

Rahul :

I am new to React. I don't understand why it showing error. I need to repeat the array object but when It reaches the last array it does not restart.https://codesandbox.io/s/generate-quote-xpu1q https://i.stack.imgur.com/W7Tqq.png

Thanveer Shah :

It is because you are not checking if the array has reached the last item in the button click, So if you don't check it in the button click then it will increment the index again before it even gets to check , So change your code to this:

const qutoesBtn = () => {
    if (index === data.length - 1) {
      setIndex(0);
    } else {
      setIndex(index + 1);
    }
  };

Here -1 refers to the last item in the array

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=410659&siteId=1

react shows error when submit button click

Intent error when I click the button - why?

Click the stop button to submit the form method of

When python controls selenium to click the login button, an error unknown error: Element is not clickable at point

Vue resolve on the project, click the submit button routing more a question mark

How to disable submit button & links on-click in pure CSS?

In an editable form EditorGrid, I chose a line of data has been entered, click the Delete button, the row data will be deleted, and then when I click on the submit form button, the row data has been deleted is still inserted into the database ...

React scroll component horizontally on button click

ElementUI of el-radio radio button click the submit button to change the state function

React-hook-form shows exception when deleting input block

React Getting Started Example Study Notes 2. Button Click Counter Button Click Counter

Error when react configure proxy

There are three buttons submit the form, how different click of a button, to achieve different actions?

Click the button to react parent component, subassembly input focus

nginx shows 403 error when accessing directory by default

Need to hide whole table row when click on delete button in jQuery

WPF button picture shows

Js difference in the submit button and the

html and distinguish submit button is!

el-form form validation in element-ui, verification is only performed when the submit button is clicked

A click on the Close button to close the page after the page when they click B B operates the following page A page refresh

CSS gets lost when refresh or back button pressed in react app

AlamLinux 9 shows minimize button

layui the radio button to submit the form

Change the name of the HTML submit button

button press Enter to submit the form

IntegrityError when submit

Selenium click GDPR click button

jquery click enter to submit by default

Use element-ui in Vue to bind a click event to the button, so that a dialog box will pop up when the button is clicked