Detail組件現(xiàn)在能夠接受一個(gè)傳進(jìn)來的參數(shù)來渲染一句話，同時(shí)也能簡(jiǎn)單的渲染其他合法的es6代碼财搁。為了證明這一點(diǎn)个束，我們引入Chanse庫慕购，它能生成隨機(jī)數(shù)據(jù)。
在終端中輸入：
npm install --save chance
你可能還在運(yùn)行webpack dev server茬底，你可以按ctrl+c來停止它沪悲。然后運(yùn)行npm。安裝完成后輸入webpack-dev-server重新啟動(dòng) webpack dev server阱表。
Chance庫可以生成隨機(jī)姓名殿如，句子，社會(huì)安全號(hào)碼等最爬，這在測(cè)試輸出一些信息的時(shí)候很有用涉馁。為了使用它你需要將庫導(dǎo)入detail.js，在Detail.js文件頭部添加
src/pages/Detail.js
import Chance from 'chance';
現(xiàn)在你可以在render()方法中隨機(jī)生成姓名：
src/pages/Detail.js
return <p>Hello, {chance.first()}!</p>;
下面給出完整的Detail.js:
src/pages/Detail.js
import React from 'react';
import Chance from 'chance';
class Detail extends React.Component {
render() {
return <p>Hello, {chance.first()}!</p>;
}
}
export default Detail;
如果你保存文件之后回頭看瀏覽器爱致，應(yīng)該會(huì)看到“hello烤送，emma！”或者其他的名字糠悯，按f5刷新之后會(huì)出現(xiàn)不同的名字胯努。
我們直接在JSX中的大括號(hào)里執(zhí)行了js方法，希望你習(xí)慣這種寫法逢防。
