मैं बटन पर क्लिक भेजने पर एक से अधिक रेडियो बटन समूहों से चयनित रेडियो बटन id की सूची भेजने के लिए कोशिश कर रहा हूँ,प्रतिक्रियाओं में एक घटक में एकाधिक रेडियो बटन समूहों को कैसे संभालें?
मेरे समस्या: मैं बैकएंड से चयनित रेडियो बटन हो रही है, तो मैं बदलने के लिए सक्षम होना चाहिए रेडियो बटन और बैकएंड पर वापस भेजें। लेकिन जब मैं रेडियो बटन बदलने की कोशिश करता हूं तो यह काम नहीं कर रहा है।
मैं क्या समझ में नहीं आया: को संभालने के लिए कैसे परिवर्तन समारोह पर, परिवर्तन पर सामान्य रूप से हम राज्य को बदल सकते हैं, लेकिन लोड पर राज्य को बदलने के लिए हम मान रेडियो बटन को पकड़ो चाहिए। अंत में मैं यहां पहुंचा, समझने के लिए कि कैसे आगे बढ़ना है।
function CardsList(props) {
const cards = props.cards;
return (
<div>
{cards.map((card, idx) => (
<div>
{card.cardName}
{
card.options.map((lo,idx) => (
<li key={idx}>
<input
className="default"
type="radio"
name={card.cardName}
checked={lo.selected}
/>))
}
<div>
))}
</div>
);
}
//array of cards coming from the backend
const cards = [
{cardName:'card1',options:[{radioName:'card1-radio1',selected:'true'},
{radioName:'card1-radio2',selected:'false'}]},
{cardName:'card2',options:[{radioName:'card2-radio1',selected:'true'},
{radioName:'card2-radio2',selected:'false'}]}
];
ReactDOM.render(
<CardsList cards={cards} />,
document.getElementById('root')
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>
इस जवाब मीटर एई एक रेडियो बटन समूह के साथ काम करता है, लेकिन मुझे कई रेडियो बटन समूहों के साथ कई रेडियो बटनों के साथ समस्या का सामना करना पड़ रहा है। अगर आप कार्ड की सरणी देखते हैं, तो यह कैसे पता चलता है कि यह कौन सा रेडियो बटन समूह है। – user8208248
@ user8208248 मेरा नया संपादन –
देखें यदि हमारे पास गतिशील स्थिति है और हम नहीं जानते कि बैकएंड से कितने कार्ड प्राप्त होंगे? मैं अपने अंत में कोशिश कर रहा हूं। एक बार मैं एकदम सही पाने के बाद शायद मैं पोस्ट करूंगा। – user8208248