8
वचन में उपयोग किए गए सेटस्टेट के बाद पुन: प्रस्तुत नहीं करता है हर बार प्रोप बदल जाते हैं, घटक टर्म चेंज पर कॉल करेगा और इस घटक के लिए विवरण प्राप्त करेगा जो ऑब्जेक्ट्स की एक सरणी देता है।प्रतिक्रिया
समस्या यह है कि जब सेटस्टेट कहा जाता है, कुछ भी नहीं होता है और घटक को ताजा विवरण के साथ पुन: प्रस्तुत नहीं किया जाता है।
module.exports = React.createClass({
displayName: 'TaxonomySelect',
getInitialState: function() {
return {
children: undefined
};
},
componentDidMount: function() {
this.onTermChange(this.props.term);
},
componentWillReceiveProps: function (nextProps) {
this.props.term = this.props.term || null;
if (this.props.term) {
this.onTermChange(nextProps.term.id);
} else {
this.onTermChange(nextProps.term);
}
},
onTermChange: function (term) {
this.setState({children: undefined});
TaxonomyStore.getTerm(this.props.term)
.bind(this)
.then(function (term) {
TaxonomyStore.merge(9999,{
description: 'No specific topic',
id: 9999
});
if (term.path && term.path.length === 3) {
term.children.unshift(TaxonomyStore.get(9999));
}
console.log(term.id, term.children);
this.setState({children: term.children});
this.forceUpdate();
this.render();
});
},
onSelect: function (id) {
if (this.props.onChange) {
this.props.onChange(TaxonomyStore.get(id));
}
},
render: function() {
if (!Array.isArray(this.state.children) || this.state.children.length < 1) {
return null;
};
var options = this.state.children.map(function (term) {
return {
value: term.id.toString(),
label: term.description
};
});
var value = this.props.value && this.props.value.toString();
return (
<div>
<Select name={this.props.name} value={value} options={options} onChange={this.onSelect} />
</div>
);
}
});