我試圖將數組中第一個對象的屬性顯示為默認項。當我嘗試提交表單時，我得到的選擇值為空，因為我還沒有參與它。我如何確保該值存在？我正在使用react-bootstrap. 以下是代表此問題的代碼片段：這里是重點，我不知道值字段應該放什么。我想要的是引用該id值，如果我的數組中只有一項，我不必打開下拉列表，id 已經在那里：<Form.Control as="select" value={WHAT DO I DO HERE??} onChange={props.handleCart}>   {props.carts.map((cart,i) => <option key={cart.id} value={cart.id}>{cart.cart_name</option>)})                 </Form.Control>主頁.jsconstructor() {        super();        this.state = {    myCarts = [    {'id':'1', 'cart_name': 'my cart 1'},    {'id':'2', 'cart_name': 'my cart 2'}    ],showMenu: false}}...Return<CreateshowMenu = {this.state.showMenu}menuModalToggle={this.menuModalToggle} carts = {this.state.carts}/>創建.jsconst CreateMenuModal = (props) => {    console.log('props carts there?',props.carts);    return (            <Modal            //dialogClassName={classes.modal}            show={props.showMenu}            onHide={props.menuModalToggle}            >                 <Modal.Header closeButton>                    <Modal.Title>Create Menu</Modal.Title>                </Modal.Header>                <div style={{ textAlign: 'center', padding: 10 }}>                    Fill out the following details to create menus for your cart. Once you create a menu you will have the option to add and remove items from that menu.                    </div>                <Modal.Body>                    <Form>                        <Form.Group controlId="cart_check">                            <Form.Label>Choose which cart this menu is for:</Form.Label>                            <Form.Control as="select" value={WHAT DO I DO HERE??} onChange={props.handleCart}>                                                               {props.carts.map((cart,i) => <option key={cart.id} value={cart.id}>{cart.cart_name}</option>)})            </Modal>    )}