আমি React.js দিয়ে শুরু করছি এবং আমি একটি সহজ ফর্মটি করতে চাই তবে নথিপত্রে আমি এটি করার দুটি উপায় খুঁজে পেয়েছি।
প্রথম এক ব্যবহার করছে refs :
var CommentForm = React.createClass({
handleSubmit: function(e) {
e.preventDefault();
var author = React.findDOMNode(this.refs.author).value.trim();
var text = React.findDOMNode(this.refs.text).value.trim();
if (!text || !author) {
return;
}
// TODO: send request to the server
React.findDOMNode(this.refs.author).value = '';
React.findDOMNode(this.refs.text).value = '';
return;
},
render: function() {
return (
<form className="commentForm" onSubmit={this.handleSubmit}>
<input type="text" placeholder="Your name" ref="author" />
<input type="text" placeholder="Say something..." ref="text" />
<input type="submit" value="Post" />
</form>
);
}
});এবং দ্বিতীয়টি প্রতিক্রিয়া উপাদানটির অভ্যন্তরে রাষ্ট্র ব্যবহার করছে :
var TodoTextInput = React.createClass({
getInitialState: function() {
return {
value: this.props.value || ''
};
},
render: function() /*object*/ {
return (
<input className={this.props.className}
id={this.props.id}
placeholder={this.props.placeholder}
onBlur={this._save}
value={this.state.value}
/>
);
},
_save: function() {
this.props.onSave(this.state.value);
this.setState({value: ''
});
});আমি দুটি বিকল্পের পক্ষে মতামত দেখতে পাচ্ছি না, যদি কিছু বিদ্যমান থাকে। ধন্যবাদ।
আমি কি এখানে কিছু মিস করছি? আপনি ফর্মের মানগুলি পেতে ইভেন্ট অবজেক্টটি কেন ব্যবহার করবেন না? এখানে প্রথম স্থানে ফর্মটি ব্যবহার করার একমাত্র কারণ বলে মনে হয়। আপনি যদি ডিফল্ট সাবমিট আচরণ ব্যবহার না করে থাকেন এবং ইনপুটগুলিতে রেফ ব্যবহার করেন তবে আপনাকে সেগুলিকে কোনও ফর্মে মোড়ানোর দরকার নেই।
—
অমৃতসফট