\u4f8b\u5982\uff0c\u6211\u4eec\u8981\u5b9a\u4e49\u4e00\u4e2a\u7ec4\u4ef6CarView\u3002\u6570\u636e\u7528\u4e00\u4e2a\u7c7bCar\u6765\u8868\u793a\uff0cCar\u6709\u4ee5\u4e0b\u7684\u5c5e\u6027\uff1aid, name, color\u3002<\/p>\n
class Car {<\/p>\n
constructor(id, name, color) {<\/p>\n
this.id = id;<\/p>\n
this.name = name;<\/p>\n
this.color = color;<\/p>\n
}<\/p>\n
}<\/p>\n
\u6211\u4eec\u5728CarView\u7684\u4e0a\u7ea7\u7ec4\u4ef6\u7684state\u91cc\u6709\u4e00\u4e2aCar\u7c7b\u578b\u7684\u5bf9\u8c61car\uff0c\u60f3\u628acar\u7684\u5c5e\u6027\u7684\u503c\u4f20\u7ed9CarView\u7ec4\u4ef6\u53bb\u6e32\u67d3\u754c\u9762\uff0c\u8fd9\u65f6\u5019\u53ef\u4ee5\u91c7\u7528\u5982\u4e0b\u7684\u4f20\u9012\u53c2\u6570\u7684\u65b9\u6cd5\uff1a<\/p>\n
<CarView {…this.state.car} \/><\/p>\n
\u5728CarView\u5b9a\u4e49\u91cc\u53ef\u4ee5\u4f7f\u7528this.props.id, this.props.name, this.props.color\u6765\u83b7\u5f97\u4f20\u9012\u8fdb\u6765\u7684\u53c2\u6570\u3002\u5982\uff1a<\/p>\n
\u5728CarView\u7684render\u65b9\u6cd5\u91cc\uff1a<\/p>\n
<Text>{this.props.name}<\/Text>\uff0c\u53ef\u4ee5\u6e32\u67d3\u51facar\u7684name\u3002<\/p>\n
\u4ee5\u4e0a\u7684\u5199\u6cd5\u76f8\u5f53\u4e8e<CarView id={this.state.car.id} name={this.state.car.name}\u00a0 color={this.state.car.color} \/>\u3002<\/p>\n
\u53ef\u89c1\u8fd9\u79cd\u5199\u6cd5\u4f7f\u4ee3\u7801\u5f97\u4ee5\u7b80\u5316\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4f8b\u5982\uff0c\u6211\u4eec\u8981\u5b9a\u4e49\u4e00\u4e2a\u7ec4\u4ef6CarView\u3002\u6570\u636e\u7528\u4e00\u4e2a\u7c7bCar\u6765\u8868\u793a\uff0cCar\u6709\u4ee5\u4e0b\u7684 … \u7ee7\u7eed\u9605\u8bfb