react-row:React 组件创建用于通过使用 flex 构建基于行和列(可选可调整大小)的复杂布局

时间:2024-06-30 07:14:36
【文件属性】:

文件名称:react-row:React 组件创建用于通过使用 flex 构建基于行和列(可选可调整大小)的复杂布局

文件大小:9KB

文件格式:ZIP

更新时间:2024-06-30 07:14:36

JavaScript

React排 通过使用flex来创建基于行和列(可选可调整大小)构建复杂布局的 React 组件。 概述 这个想法很简单。 您将子组件添加到并且每个子组件都将附加到单独的列中。 每个充当容器,在其中自动计算其尺寸并更改 flex 值。 需要react-draggable支持调整大小,代码使用 ES6 和 Babel 编写。 将需要像 Webpack 这样的模块错误。 用法 只需将您想要在不同列中的所有组件添加为直接子项。 'use strict' ; import React from 'react/addons' ; import Row from './row.js' ; let Example = React . createClass ( { displayName : 'Example' , render (


【文件预览】:
react-row-master
----example()
--------index.html(337B)
--------webpack.config.js(713B)
--------js()
--------css()
--------package.json(449B)
----LICENSE(1KB)
----README.md(3KB)
----dist()
--------row.scss(785B)
--------row.jsx(4KB)
----.gitignore(501B)

网友评论