渲染时反应选择默认值不会更改所选输入值+更改标题吗？

Question

经过几次试验，我设法创建了一个带有每个部门动态数据的React select下拉列表。

现在，我有一个问题，我无法在渲染上创建默认值。

我获得了所有动态值，但是我想要一个默认值，例如：选择... 我设法添加了一个静态值，但是由于某种原因，当我从“选择”切换时标题停留的类别：选择...

WerkgeverList = () => {
    const werkgeversArray = [];

    const AlleWerkgevers = [
        ...new Set(this.state.opleidingen.map(q => q.opleiding_werkgever)),
    ];

    AlleWerkgevers.map(werkgever => {
        return werkgeversArray.push({ title: werkgever, value: werkgever });
    });

    console.log(werkgeversArray);

    return werkgeversArray;
};

有人可以解释我在做什么错吗？

Answer 1

将默认值保留在状态中，然后添加事件侦听器以跟踪更改并更新状态

<select value={current_value} onChange={() => onChangedValueHandler()} >