How to set a "visibility" variable for a field in React?

Question

JavaScript

There are Form components with inputs that are hidden under Panel, Collapse or immediately visible to the user. You need to specify all visible inputs as required for input.
Is it possible to do this somehow through a generic validation method? Something like a visibility variable and if true, then it is required for input. The difficulty is that there are about 900 inputs in the application ... How can I do this without creating 900 functions?

Answer 1

<form onSubmit={this.handleSubmitTest}>

//Мы задаем один и тот же стейт на открытие фрагмента формы и на required,
//соответственно если форма открыта, то и поле необходимо
<Input type="checkbox"  onChange={()=>this.setState({check: !this.state.check})}/>

<Input type="text" placeholder="Enter UR Number" required={this.state.check}/>

<ButtonInput type="submit" value="Submit Button"/>
</form>

The browser will prompt that the field is required. If you want to do the validation yourself - intercept the onSubmit event and check event.target.myinput.required.