Please comment your thoughts on video to improve quality. All feedbacks and suggestions are welcome. 😊

🛐

tq bro very useful .............for creating a button compound

thanks bro

Good job bro ,,, I am looking for more videos

@codewithghazi

3 жыл бұрын

Thanks and sure

i like your method sir

@codewithghazi

3 жыл бұрын

Thank you 😊

Great efforts bro

@codewithghazi

2 жыл бұрын

Thank you!

Hello friend, thx again for another video, i got rid of pretty much all questions that i had, but i have a question: I wanna get 2 input values in one click, and address their value on a API, how could i get the value to do that?

@codewithghazi

3 жыл бұрын

You can check this github.com/gkhan205/formify-react. I have created an npm library with all these components. I will also come up with a video with all the components combined and fetch data to send to API.

Thank you very much for this video. I loved it.The explanation was very clear!! But was there any passing of props here? If yes, how?

@codewithghazi

2 жыл бұрын

Yes, you could pass any prop to the component. Eg: const Button = ({value, onClick}) => ( onClick(event)}> {value} ); Usage:

Sir If we want to pass component to the button how will be validate.Because if there is multiple component on page load and we have to submit after all validation on click button.So how will validate due to this logic its not possible.

@codewithghazi

4 жыл бұрын

Hi Nilesh, I'm coming up with a Combined Form Component which will tackle this issue. For now we can save the validation status returned from component to parent component and then on click we can check all are true then we will go ahead with the click or show message.

@singhvimlesh

4 жыл бұрын

@@codewithghazi Sir I am trying to do this but I am geting error .So I found your video but its not like that.I have three component on page load but there is different scenario in every component so we cant pass button in every component.Thats why we have to pass all component to the button component and we have to use redux concept for this.to validate the all component and after that button will be submit.till button will disable.So i am asking.

@codewithghazi

4 жыл бұрын

@@singhvimlesh but in button component you can't pass form fields it will be a bad practice to do so. What we can do is create a component where you have all the fields and the values related to those fields will be there in that component and all your validations will be handled there and then on submit or onclick you can fire the event which you want. If you want to you can also have a look at my form component which I was talking about github.com/gkhan205/react-reusable-form-component/tree/form/src/library/components/Form and Implementation you can check it here github.com/gkhan205/react-reusable-form-component/tree/form/src/pages. I think this form component will help you. I have created it to handle these kind of scenarios and will soon be releasing video for this. So that everybody can know how it can be built with full explanation.

can you share how to test a button in react js? thank you

@codewithghazi

3 жыл бұрын

Do you mean UNIT Testing by testing button?

@zahraabr

3 жыл бұрын

@@codewithghazi yess

doesn't work

@codewithghazi

4 жыл бұрын

Could you please elaborate the issue? What didn't worked?

@DODO-gl5eg

3 жыл бұрын

In the button>>index.js file, wrap the button element with return().