输入聚焦后，React Select Async将光标（插入符号）放置在占位符的末尾

Question

我正在使用React Async Select，我发现默认情况下，当输入被聚焦时，它将光标（尖号）放置在占位符的末尾。 如何将光标放在开头？我没有找到可用来选择组件以实现该行为的任何道具。这是我的AsyncSelect：

  <AsyncSelect
            styles={StyledSearchBar}
            name="search-patients"
            placeholder="Search by Last, First"
            noOptionsMessage={this.noOptionsMessage}
            loadingMessage={this.loadingMessage}
            loadOptions={this.promiseOptions}
            components={{Option: this.renderOption}}
            onKeyDown={this.onKeyDown}
            controlShouldRenderValue={false}
          />