javascript - Display Validation message on each dynamically created textbox in ReactJS

Question

I have a form where i am dynamically creating textbox and a dropdown in a row. I have added validation for some of the social media profiles. It is working fine, till you select the same values from more than 1 dropdown. The validation message appears on both the fields. I tried handling this with the state, but the validation message appears on both the field.

I have added a screenshot where if you enter an invalid id, the second textbox with valid id also returns an error. Please find the Sandbox Link for code.

SANDBOX

Here is the screenshot for better clarity.

Answer 1

等待大神答复