この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

標準 Visualforce コンポーネントと基本 Lightning Web コンポーネントの対応関係

特定の標準 Visualforce コンポーネントに対応する基本 Lightning Web コンポーネントを確認するには、次の表を参照してください。

Visualforce コンポーネント	Lightning Web コンポーネント
`apex:pageBlock`	`lightning-card`
`apex:pageBlockButtons`	`Lightning-card` に対して actions スロットを設定
`apex:pageBlockSection`	`lightning-accordion` および `lightning-accordion-section`
`apex:pageBlockSectionItem`	`lightning-layout` および `lightning-layout-item`
`apex:toolbarGroup`	`lightning-layout` および `lightning-layout-item`
`apex:panelGrid`	`lightning-layout` および `lightning-layout-item`
`apex:panelGroup`	`lightning-layout` および `lightning-layout-item`
`apex:tabPanel`	`lightning-tabset`
`apex:tab`	`lightning-tab`
`apex:repeat`	`template for:each or iterator`
`apex:pageBlockTable`	`lightning-datatable`
`apex:dataTable`	`lightning-datatable`
`apex:inlineEditSupport`	`Lightning-datatable` (編集可能な列でインライン編集を使用)
`apex:image`	`lightning-platform-resource-loader`
`apex:stylesheet`	`lightning-platform-resource-loader`
`apex:includeScript`	`lightning-platform-resource-loader`
`apex:map`	`lightning-map`
`apex:form`	`lightning-record-form` `lightning-record-view-form` `lightning-record-edit-form`
`apex:input`	`lightning-input` `lightning-slider`
`apex:inputCheckbox`	`lightning-input` type="checkbox" `lightning-input` type="checkbox-button"
`apex:inputFile`	`lightning-input` type="file" `lightning-file-upload`
`apex:inputHidden`	`lightning-input` class="slds-hide"
`apex:inputSecret`	`lightning-input` type="password"
`apex:inputText`	`lightning-input` type="text"
`apex:inputTextArea`	`lightning-textarea`
`apex:inputField`	`lightning-input-field`
`apex:selectCheckboxes`	`lightning-checkbox-group`
`apex:selectList`	`lightning-combobox` または `lightning-dual-listbox`
`apex:selectRadio`	`lightning-radio-group`
`apex:outputLabel`	`Lightning-input` に対して label 属性を設定
`apex:outputField`	`lightning-output-field`
`apex:outputLink`	`lightning-formatted-url`
`apex:outputText`	`lightning-formatted-datetime` `lightning-formatted-number` `lightning-formatted-rich-text` `lightning-formatted-text` `lightning-formatted-time`
`apex:commandButton`	`lightning-button` `lightning-button-stateful` `lightning-button-icon` `lightning-button-icon-stateful`
`apex:commandLink`	`Lightning-button` (bare バリエーションを使用)
`apex:pageMessage`	`lightning-platform-show-toast-event`
`apex:messages` `apex:message`	`Lightning-input` のカスタム有効性
`apex:pageMessages`	`Lightning-record-form` の場合は自動 `lightning-record-view-form` または `lightning-record-edit-form` で `lightning-messages` を使用

Visualforce 開発者ガイド

標準 Visualforce コンポーネントと基本 Lightning Web コンポーネントの対応関係

関連項目: