我正在使用PrimeReact. 我必须实现它们,以便第一个上部主下拉列表中的值 ?? 更改所有下部主下拉列表的值,我已经这样做了,但是我需要比来自下部块的每个动态下拉列表都必须更改更改其独特价值:
我无法理解如何实现它。
这是我的代码:
class LeagueCard extends Component {
state = {
selectedItemDefaultDropDown: this.props.cardContent.insuranceVariants[0],
selectedItemPersonallyDropDown: null
};
createOptions = (arr) => {
return arr.map(item => ({label: item, value:item}))
};
render() {
const {
cardIndex, cardContent: {
insuranceVariants,
price,
},
} = this.props;
const insuranceOptions = this.createOptions(insuranceVariants);
return (
<>
<div className={styles.header}>
<h4>League {cardIndex + 1}</h4>
<h4>Total {price.reduce((a, b) => a + b)} PLN</h4>
</div>
<div className={styles.defaultDropDownWrapper}>
<p>Default variant of the insurance program</p>
<Dropdown //MAIN DROPDOWN WORKS …Run Code Online (Sandbox Code Playgroud)