react学习

动态配置react组件,复制给首字母大写的变量,引入,同时将所有的参数…赋值

const ClassFuc = createMap[v.type];
return <ClassFuc {...v}/>;

空元素

<React.Fragment></React.Fragment>

生命周期

componentDidMount() {
}

componentWillUnmount() {
}

引入阿里的iconfont 的svg报错,改xlink:href为xlinkHref

<use xlinkHref="#icon-shezhi"></use>

label会导致两次点击
阻止冒泡

e.stopPropagation();

富文本

 <p dangerouslySetInnerHTML={{__html: remark}}></p>

阻止form表单跳转

event.preventDefault();

引入的jsx语法的js,不适用于生产环境

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

转化为js
安装npm之后

npm init -y
npm install babel-cli@6 babel-preset-react-app@3
npx babel --watch src --out-dir out --presets react-app/prod

监听的文件夹src,写jsx语法的js文件夹
out为输出文件夹