使用 Facebook 的 create-react-app
npm run builid 出来的项目,引用资源默认是 /开头的,需要在 package.json 里添加一行
"homepage": ".",
这样发布出来引用资源才是 ./ 开头的相对路径
通过 ref 获取宽高
var input = this.refs.myInput;
var inputValue = input.value;
var inputRect = input.getBoundingClientRect();//宽高的rect
PropTypes 的种类
React.PropTypes.array // 数组
React.PropTypes.bool.isRequired // Boolean 且必要。
React.PropTypes.func // 函数
React.PropTypes.number // 数字
React.PropTypes.object // 对象
React.PropTypes.string // 字符串
React.PropTypes.node // 任何类型: numbers, strings, elements 或者任何这种类型的数组
React.PropTypes.element // React 元素
React.PropTypes.instanceOf(XXX) // 某种XXX类别的实例
React.PropTypes.oneOf(['foo', 'bar']) // 其中一个字符串
React.PropTypes.oneOfType([React.PropTypes.string,React.PropTypes.array]) // 其中一种格式类型
React.PropTypes.arrayOf(React.PropTypes.string) // 某种类型的数组(字符串类型)
React.PropTypes.objectOf(React.PropTypes.string) // 具有某种属性类型的物件(字串类型)
React.PropTypes.shape({ // 是否符合指定格式的对象
color: React.PropTypes.string,
fontSize: React.PropTypes.number
});
React.PropTypes.any.isRequired // 可以是任何格式,且必要。
网友评论