第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 React 中導(dǎo)入 Bootstrap 組件?

如何在 React 中導(dǎo)入 Bootstrap 組件?

慕森卡 2022-05-26 14:26:48
我正在嘗試從Reactbootstrap或reactstrap在 React 中集成復(fù)選框。我遇到了一個常見錯誤,查看了相關(guān)帖子,仍然無法弄清楚。如何解決此錯誤:錯誤元素類型無效:需要一個字符串(對于內(nèi)置組件)或一個類/函數(shù)(對于復(fù)合組件),但得到:未定義。您可能忘記從定義組件的文件中導(dǎo)出組件,或者您可能混淆了默認(rèn)導(dǎo)入和命名導(dǎo)入。錯誤來源問題應(yīng)該在這兩行中,我不確定它是什么。import { InputGroup, InputGroupAddon, InputGroupText } from 'reactstrap';import FormControl from 'react-bootstrap/FormControl';如果我們刪除這些行和下面復(fù)制的 HTML,它不會給出任何錯誤。HTML          <div>            <InputGroup className="mb-3">              <InputGroup.Prepend>                <InputGroup.Checkbox aria-label="Checkbox for following text input" />              </InputGroup.Prepend>              <FormControl aria-label="Text input with checkbox" />            </InputGroup>            <InputGroup>              <InputGroup.Prepend>                <InputGroup.Radio aria-label="Radio button for following text input" />              </InputGroup.Prepend>              <FormControl aria-label="Text input with radio button" />            </InputGroup>          </div>
查看完整描述

2 回答

?
慕蓋茨4494581

TA貢獻(xiàn)1850條經(jīng)驗 獲得超11個贊

prepend是addonTypeInputGroupAddOn 或 InputGroupButton 的屬性之一。它不是InputGroup導(dǎo)入的屬性。 InputGroup.Prepend是未定義的,這就是 React 抱怨的原因。


根據(jù)reactstrap docs,你想要這個:


InputGroupAddOn.propTypes = {

  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),

  addonType: PropTypes.oneOf(['prepend', 'append']).isRequired,

  className: PropTypes.string

};


InputGroupButton.propTypes = {

  tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),

  addonType: PropTypes.oneOf(['prepend', 'append']).isRequired,

  children: PropTypes.node,

  groupClassName: PropTypes.string, // only used in shorthand

  groupAttributes: PropTypes.object, // only used in shorthand

  className: PropTypes.string

};


查看完整回答
反對 回復(fù) 2022-05-26
?
慕萊塢森

TA貢獻(xiàn)1810條經(jīng)驗 獲得超4個贊

在您的組件中,您inputGroupAddOn在聲明道具類型時采用駝峰式。當(dāng)您導(dǎo)入它時,您沒有駝峰式添加部分,您正在導(dǎo)入InputGroupAddon. 這可能是您遇到的另一個問題。



查看完整回答
反對 回復(fù) 2022-05-26
  • 2 回答
  • 0 關(guān)注
  • 152 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號