.babelrc · OSCHINA-MIRROR/vvjiang-resizeDiv4React - gitlife.ru

В избранное Ответвления

OSCHINA-MIRROR/vvjiang-resizeDiv4React

Клонировать/Скачать

.babelrc 102 Байты

Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История

Отправлено 30.12.2019 11:45 bb43f16

{
  "presets": ["env", "react","stage-0","stage-3"],
  "plugins": [
    "syntax-dynamic-import"
  ]
}

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

В React для реализации div-элемента с возможностью изменения ширины и высоты можно использовать следующий подход: ```jsx import React from 'react'; const ResizableDiv = () => { const [width, setWidth] = React.useState(200); const [height, setHeight] = React.useState(200); const handleResize = (event) => { setWidth(event.ta... Развернуть

Отмена

Пока нет обновлений

JavaScript 85.0% CSS 8.1% HTML 6.9%

Содержание введения

В React для реализации div-элемента с возможностью изменения ширины и высоты можно использовать следующий подход:

```jsx
import React from 'react';

const ResizableDiv = () => {
    const [width, setWidth] = React.useState(200);
    const [height, setHeight] = React.useState(200);

const handleResize = (event) => {
        setWidth(event.target.offsetWidth);
        setHeight(event.target.offsetHeight);
    };

return (
        <div 
            style={{ width: width, height: height, border: '1px solid black', backgroundColor: 'lightblue' }}
            onResize={handleResize}
        >
            Это div-элемент с возможностью изменения размера.
        </div>
    );
};

export default ResizableDiv;
```

В этом примере компонент `ResizableDiv` использует состояние для хранения текущей ширины и высоты. Метод `handleResize` обновляет эти значения при каждом изменении размера элемента.

Обратите внимание, что событие `onResize` не является стандартным событием HTML и может не работать во всех браузерах. Для поддержки всех браузеров может потребоваться использование библиотек или дополнительных обработчиков событий.

Также обратите внимание, что в реальных приложениях для изменения размеров элемента часто используются библиотеки, такие как `react-resizable`, которые предоставляют более удобные и совместимые решения.

Главная

1

https://api.gitlife.ru/oschina-mirror/vvjiang-resizeDiv4React.git

git@api.gitlife.ru:oschina-mirror/vvjiang-resizeDiv4React.git

oschina-mirror

vvjiang-resizeDiv4React

vvjiang-resizeDiv4React

master