Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Translating forms.md #22

Closed
wants to merge 11 commits into from
12 changes: 6 additions & 6 deletions content/docs/forms.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
id: forms
title: Forms
title: फॉर्म्स
permalink: docs/forms.html
prev: lists-and-keys.html
next: lifting-state-up.html
Expand All @@ -9,23 +9,23 @@ redirect_from:
- "docs/forms-zh-CN.html"
---

HTML form elements work a little bit differently from other DOM elements in React, because form elements naturally keep some internal state. For example, this form in plain HTML accepts a single name:
React में HTML फॉर्म के एलिमेंट DOM के एलिमेंट्स से थोड़ा भिन्न तरीके से काम करते है, क्योंकि फॉर्म के एलिमेंट स्वाभाविक रूप से कुछ आंतरिक स्टेट रखते हैं। जैसे की, यह फॉर्म सादे HTML में एक ही नाम स्वीकार करेगा|

```html
<form>
<label>
Name:
<input type="text" name="name" />
</label>
<input type="submit" value="Submit" />
<input type="submit" value="submit" />
</form>
```

This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
ऊपर दिया गया फॉर्म अन्य HMTL फॉर्म की तरह सबमिट करने पर नए पेज पर चला जाता है। यदि आप इस व्यवहार को React में चाहते हैं, तो यह काम करता है। लेकिन ज्यादातर मामलों में, जावास्क्रिप्ट फ़ंक्शन का उपयोग करना सुविधाजनक होता है क्युकी वह फॉर्म को सब्मिट करने के साथ साथ उसकी उस डाटा तक भी पहुँच होती है जो यूजर फॉर्म मैं भरता है। इसे प्राप्त करने का मानक तरीका "कंट्रोल्ड कौम्पोनॅन्ट" नामक एक तकनीक के साथ है।

arshadkazmi42 marked this conversation as resolved.
Show resolved Hide resolved
## Controlled Components {#controlled-components}
## कंट्रोल्ड कौम्पोनॅन्ट {#controlled-components}

In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with [`setState()`](/docs/react-component.html#setstate).
HTML में, फॉर्म के एलिमेंट जैसे कि `<input>`, `<textarea>`, और `<select>` आमतौर पर अपनी स्वयं की स्थिति बनाए रखते है और उपयोगकर्ता के इनपुट के आधार पर इसे अपडेट करते है. React के अंदर, स्टेट को ज्यादातर कौम्पोनॅन्ट की स्टेट प्रॉपर्टी के अंदर ही रखा जाता है, और उसे सिर्फ [`setState()`](/docs/react-component.html#setstate) के दवारा ही अपडेट किया जा सकता है|

We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".

Expand Down