小编Mar*_*bdi的帖子

构建下拉组件

我在构建dropdown component. 在获取所选项目的函数中,我遇到此错误:

太多的重新渲染。React限制数量renders以防止无限循环。

组件的代码:

import React, { useState } from 'react';
import PropTypes from 'prop-types';

import '../../../App.css'

function Dropdown({ items }) {

    //const [list, setList] = useState(items);

    const [selectedItem, setSelectedItem] = useState(items[0]);
    const [showItems, setShowItem] = useState(false);
    const [setExpand, setExpandState] = useState("");


    function toggleDropdown() {
        setExpandState(setExpand === "" ? "dropdown-expanded dropdown-expanded-down" : "");
        setShowItem(showItems === false ? true : false);
    };

    const Changed = (item) => {

        setShowItem(false);
        setSelectedItem(item);

    }


    return (

        <div …
Run Code Online (Sandbox Code Playgroud)

components drop-down-menu reactjs

2
推荐指数
1
解决办法
63
查看次数

标签 统计

components ×1

drop-down-menu ×1

reactjs ×1