我試圖將數(shù)組中第一個(gè)對(duì)象的屬性顯示為默認(rèn)項(xiàng)。當(dāng)我嘗試提交表單時(shí)，我得到的選擇值為空，因?yàn)槲疫€沒有參與它。我如何確保該值存在？我正在使用react-bootstrap. 以下是代表此問題的代碼片段：這里是重點(diǎn)，我不知道值字段應(yīng)該放什么。我想要的是引用該id值，如果我的數(shù)組中只有一項(xiàng)，我不必打開下拉列表，id 已經(jīng)在那里：<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}/>創(chuàng)建.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>    )}