Ошибка React Suite: компонент не экспортируется из rsuite
Я только что узнал о пакете реакции, и он действительно хорош, но я не могу понять эту ошибку, в которой говорится, что компонент не экспортируется из rsuite для примера. «Ошибка попытки импорта:« Карта »не экспортируется из« rsuite ». и это происходит очень часто, например, где находится компонент, если не из rsuite, и документация для него действительно плохая, это не очень помогает
import "./App.css";
import "rsuite/dist/styles/rsuite-default.css";
import { Row, Col, Card } from "rsuite";
const styles = {
padding: 20,
textAlign: "center",
};
function App() {
return (
<div className='App' style={styles}>
<Row>
<Col md={6} sm={12}>
<Card />
</Col>
<Col md={6} sm={12}>
<Card />
</Col>
<Col md={6} sm={12}>
<Card />
</Col>
<Col md={6} sm={12}>
<Card />
</Col>
</Row>
</div>
);
}
export default App;
Я не могу понять, почему это происходит, попытался найти YouTube, Google или что-то еще, но похоже, что сообщество не такое уж большое, я не понимаю, и у меня было это с множеством других компонентов. Любая помощь будет принята с благодарностью, я действительно хочу использовать эту библиотеку, она выглядит действительно хорошо
1 ответ
В библиотеке rsuite нет компонента Card, но вы можете реализовать его, объединив компоненты Panel.
https://rsuitejs.com/components/panel
Кроме того, импорт компонентов объясняется в начале документации по каждому компоненту.
Другие вопросы
- React Ref undefined даже после его назначения1 ответ
У меня есть 3 компонента, у которых есть «компонент карты» в качестве дочернего. Во всех трех компонентах я назначаю ref компоненту Map, но когда я пытаюсь получить доступ к ref.current, он возвращает undefined. Вот один из трех компонентов: FullMap.js:import React, { Component } from 'react'; impor...
- Как заставить ссылки работать с card-img-overlay React2 ответ
У меня проблема с моим проектом. Я создал card-img-overlay для отображения значков поверх изображения. Если вы нажмете на все изображение, вы будете перенаправлены к публикации. Я хотел бы сделать значки "Нравится" и "Поделиться" кликабельными. Мой проект находится в Reactjs. Я п...
- блок api вызывается 2 раза, дважды приводит к рендерингу компонента, хотя условия проверяются должным образом2 ответ
Я использую 3 динамические переменные внутри setInterval, в состоянииthis.state={ checked: true, currentHash:"some current hash", updating: true } внутри componentDidMount я сделал что-то вроде этогоcomponentDidMount = () => { let timer timer = setInterval( (ch...
- Оператор распространения не работает с функцией добавления в корзину в React Redux1 ответ
Я пытаюсь добавить товар в корзину через React & Redux, вот моя функциональность состояния Начальное состояниеconst initialState = { error: false, products: [], addedItems: [], total: 0 } Функция добавления в корзинуcase actionTypes.ADD_TO_CART: let addedItem = state.product...
- Не удается получить доступ к координатам многоугольника после перетаскивания с помощью React-Leaflet1 ответ
Мне нужно получить доступ к новым координатамPolygon после того, как я успешно перетащил его в другое место на карте. Я использую Leaflet и React-Leaflet. Это мой компонент Polygon: <Map // ... > <TileLayer attribution='© <a href="http://osm.org/copyright"&g...
- Ошибка при попытке импорта: «OBJLoader» не экспортируется из «трех» (импортируется как «ТРИ»)1 ответ
пока я пытаюсь запустить OBJLoader, он выдает ошибку. Ошибка при попытке импорта: «OBJLoader» не экспортируется из «трех» (импортируется как «ТРИ»). import * as THREE from "three"; import OBJLoader from "three-obj-loader"; OBJLoader(THREE); const scene = n...
- REDUX_DEVTOOLS_EXTENSION_COMPOSE Ошибка в VStudio со сборкой Yarn1 ответ
Я пытаюсь создать свое приложение (используя Redux и электрон) с помощью: yarn build Я получаю эту ошибку в Windows: Property 'REDUX_DEVTOOLS_EXTENSION_COMPOSE' does not exist on type 'Window & typeof globalThis' ошибка в этом блоке кода, который я использую для настройки Redux:const composeEnh...
- Ошибка 404 при отправке контактной формы Netlify-forms1 ответ
У меня возникли проблемы с отправкой моей контактной страницы с помощью Netlify-Forms, я получаю ошибку 404. У меня такая форма: -<form name="Portfolio_Contact" method="POST" data-netlify="true" data-netlify-honeypot="bot-field" ac...
- Шаги фронтенд-разработчика1 ответ
как фронтенд-разработчик. Что вы обычно делаете в первую очередь, когда начинаете новый проект в качестве фронтенд-разработчика? Что вы делаете при запуске проекта? хе-хе-хе мог бы пригодиться
- Как создавать объекты динамически1 ответ
Я работаю с библиотекой для создания таблиц в react-pdf. И я хочу заполнить его данными api. Есть ли способ перебора данных {} и создания различных объектов с данными из api. Вместо того, чтобы что-то вродеdata={[{firstName: "John", lastName: "Smith",country: "Australia"...
"Завидую тестировщикам: все хотят с ними дружить."
Cardв примере документа также инкапсулирована на основе компонентаPanelSimon Guo