小编Zha*_*Zha的帖子

使用一个主下拉菜单实现多个下拉菜单

我正在使用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)

javascript drop-down-menu reactjs

5
推荐指数
1
解决办法
227
查看次数

标签 统计

drop-down-menu ×1

javascript ×1

reactjs ×1