React选择错误的位置进行下拉

Question

我使用react-select作为选项块，对于所有右侧选择输入，它总是在左选择输入下显示下拉列表。什么可以导致这种奇怪的行为？我的组件选择：

<Field
  className="half-select first"
  name="yearFrom"
  options={YEAR_FROM_DROPDOWN_OPTIONS}
  component={SelectInput}
  placeholder="Min"
  disabled={!validPostcode}
  onChange={(e) => {
    handleFilter(e, 'yearFrom');
  }}
 />

这个我使用的选择组件如下：

public class Track {
private String mSongName;
private String mArtistName;
private String mAlbumName;
private int mAlbumRelease;
private int mAlbumArt;

public Track (String artistName, String albumName, String songName, int releaseDate, int imageID) {
    mArtistName = artistName;
    mAlbumName = albumName;
    mSongName = songName;
    mAlbumRelease = releaseDate;
    mAlbumArt = imageID;
}
public String getArtistName(){
    return mArtistName;
}
public String getAlbumName(){
    return mAlbumName;
}
public String getSongName(){
    return mSongName;
}
public String getReleaseDate(){
    return Integer.toString(mAlbumRelease);
}
public int getAlbumArt(){
    return mAlbumArt;
}
}

Field是redux-form包中的一个组件。 在此选择值上是右上选择输入。