React中组件封装
<div><span>一、JS打包入口文件 main.js </span></div><div> <strong> 1、代码</strong></div>
<div>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> JS打包入口文件 </span><span style="color: rgba(0, 128, 0, 1)">*/</span>
<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">1、导入react包</span>
import React from "react"<span style="color: rgba(0, 0, 0, 1)">;
import ReactDOM from </span>"react-dom"<span style="color: rgba(0, 0, 0, 1)">;
import CommentList from </span>"./components/CommenList.jsx"<span style="color: rgba(0, 0, 0, 1)">;
import CommentItem from </span>"./components/CommentItem.jsx"<span style="color: rgba(0, 0, 0, 1)">;
import </span>"./css/CommenList.css"<span style="color: rgba(0, 0, 0, 1)">;
</span><span style="color: rgba(0, 0, 255, 1)">var</span> myDiv =<span style="color: rgba(0, 0, 0, 1)"> (
</span><div>
<CommentList></CommentList>
</div>
<span style="color: rgba(0, 0, 0, 1)">);
ReactDOM.render(myDiv, document.getElementById(</span>"app"));</pre>
</div>
</div>
<div> <strong> 2、文件结构</strong></div>
<div><img src="data:image/png;base64,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" width="260"></div>
<div> </div>
<div><strong>二、CommenList.jsx组件</strong></div>
<div>
<div class="cnblogs_code">
<pre>import React from "react"<span style="color: rgba(0, 0, 0, 1)">;
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">导入当前组建需要的子组件</span>
import CommentItem from "./CommentItem.jsx"<span style="color: rgba(0, 0, 0, 1)">;
export </span><span style="color: rgba(0, 0, 255, 1)">default</span><span style="color: rgba(0, 0, 0, 1)"> class CommentList extends React.Component {
constructor(props) {
super(props);
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">定义一个当前评论列表组件的私有数据</span>
<span style="color: rgba(0, 0, 255, 1)">this</span>.state =<span style="color: rgba(0, 0, 0, 1)"> {
cmts: [
{ user: </span>"张大仙", content: "王者峡谷见"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"一眼万年", content: "刺激战场我最强"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"安其拉", content: "收起你的怜悯"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"凯帝", content: "希望天下无仇"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"李白", content: "一尊清酒，一把宝剑"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"牛魔", content: "平天大圣，不服来战"<span style="color: rgba(0, 0, 0, 1)"> },
{ user: </span>"程咬金", content: "战斗，哪怕只剩最后一滴血"<span style="color: rgba(0, 0, 0, 1)"> },
],
};
}
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">在【有状态组件】中，render函数是必须的，表示渲染哪些虚拟DOM元素并展示出来</span>
<span style="color: rgba(0, 0, 0, 1)">render() {
console.log(</span>"this.state:" + JSON.stringify(<span style="color: rgba(0, 0, 255, 1)">this</span><span style="color: rgba(0, 0, 0, 1)">.state));
</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)">
注意：
1、我们可以直接在JSX语法内部，使用数组的map函数，来遍历数组的每一项，
并使用map返回操作后的最新的数组
2、将CommenList里面的每一项抽离成一个组件CommentItem
3、{...item}写法是es6的语法，将item逐一展开
</span><span style="color: rgba(0, 128, 0, 1)">*/</span>
<span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> (
</span><div>
<h1 className="comm-title">评论列表</h1>
{<span style="color: rgba(0, 0, 255, 1)">this</span>.state.cmts.map((item, i) =><span style="color: rgba(0, 0, 0, 1)"> {
</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> (
</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> <CommentItem
user={item.user}
content={item.content}
key={i}
></CommentItem> </span><span style="color: rgba(0, 128, 0, 1)">*/</span>
<CommentItem {...item} key={i}></CommentItem>
<span style="color: rgba(0, 0, 0, 1)"> );
})}
</span></div>
<span style="color: rgba(0, 0, 0, 1)"> );
}
}</span></pre>
</div>
</div>
<div> <strong> 注意：CommenList组件循环遍历数据，将每一项的item数据通过组件传值的方式传给CommenItem组件</strong></div>
<div> </div>
<div><strong>三、CommenItem.jsx组件</strong></div>
<div>
<div class="cnblogs_code">
<pre>import React from "react"<span style="color: rgba(0, 0, 0, 1)">;
import cmtItemStyles from </span>"./cmtItemStyles.js"<span style="color: rgba(0, 0, 0, 1)">;
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">封装一个评论【无状态组件】</span>
export <span style="color: rgba(0, 0, 255, 1)">default</span> <span style="color: rgba(0, 0, 255, 1)">function</span><span style="color: rgba(0, 0, 0, 1)"> CommentItem(props) {
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">样式的右方优化方式1：</span>
const boxStyle =<span style="color: rgba(0, 0, 0, 1)"> {
fontSize: </span>16<span style="color: rgba(0, 0, 0, 1)">,
color: </span>"purple"<span style="color: rgba(0, 0, 0, 1)">,
};
</span><span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">样式的优化方式2：</span>
const inlineStyles =<span style="color: rgba(0, 0, 0, 1)"> {
boxStyle2: {
fontSize: </span>14<span style="color: rgba(0, 0, 0, 1)">,
color: </span>"red"<span style="color: rgba(0, 0, 0, 1)">,
},
};
let date </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> Date();
let Y </span>=<span style="color: rgba(0, 0, 0, 1)"> date.getFullYear();
let M </span>= date.getMonth() + 1<span style="color: rgba(0, 0, 0, 1)">;
let D </span>=<span style="color: rgba(0, 0, 0, 1)"> date.getDay();
</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> (
</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)">
1、如果要使用style属性，为JSX语法创建的DOM元素设置样式，不能像网页中
那样写，而是要使用js语法来写
2、外层{}表示是JS代码；内层的{}是指用JS对象来表示
3、在style的样式规则中，如果属性值的单位是px,则可以省略px,直接写一个数值即可
</span><span style="color: rgba(0, 128, 0, 1)">*/</span>
<<span style="color: rgba(0, 0, 0, 1)">div
style</span>=<span style="color: rgba(0, 0, 0, 1)">{{
border: </span>"1px solid #ccc"<span style="color: rgba(0, 0, 0, 1)">,
margin: </span>"10px 0"<span style="color: rgba(0, 0, 0, 1)">,
paddingLeft: </span>"15px"<span style="color: rgba(0, 0, 0, 1)">,
display: </span>"flex"<span style="color: rgba(0, 0, 0, 1)">,
justifyContent: </span>"space-between"<span style="color: rgba(0, 0, 0, 1)">,
}}
</span>>
<h1 style={boxStyle}>评论人：{props.user}</h1>
<h2 style={inlineStyles.boxStyle2}>评论内容：{props.content}</h2>
<h2 style={cmtItemStyles.boxStyle3}><span style="color: rgba(0, 0, 0, 1)">
时间：{Y </span>+ "年" + M + "月" + D + "日"<span style="color: rgba(0, 0, 0, 1)">}
</span></h2>
</div>
<span style="color: rgba(0, 0, 0, 1)">);
}</span></pre>
</div>
</div>
<div><strong>注意：CommenItem组件由function创建的，我们通过propes形参来接收CommenList组件传递过来的数据，然后渲染每一项。</strong></div>
<div> </div>
<div><strong>四、运行结果</strong></div>
<div> </div>
<div><img src="data:image/png;base64,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"></div>
<div><strong>五、分析</strong></div>
<div> 该评论列表整体是一个组件，但是我们在实现的时候，希望代码具有更好的可读性、维护性，所以将这个评论组件可以分为两个组件：</div>
<div> 1、是CommenList组件，这个组件里面主要的功能是获取/定义评论列表的数据，然后我们需要渲染在主页里面，渲染的时候必定会循环遍历这些数据，然后再次循环渲染每一项。</div>
<div> 2、为了更好的实现代码的健壮性，我们将循环渲染每一项这个动作交给CommenItem组件。</div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div><br><br>
来源：https://www.cnblogs.com/Holin/p/13167572.html
頁:
[1]