|
react 的组件 继承了 一个react 的 基类 叫做 : Component
老版本[反正跟我现在生成的不一样 ] 的 写法是 :
在 App.js 中 :
- import React from 'react';
- class App extends React.Component {
- render() {
- return (
- <button className="square">
- {this.props.value}
- </button>
- );
- }
- }
复制代码 这种引入方式 也等于
- import React , { Componet } form 'react';
- class App extends Componet(){
- render(){
- return(
- <div>222222</div>
- );
- }
- }
复制代码
新版本【反正不跟上面的版本一样 都叫新版本】依照我的个人经验,这个版本是省略了很多不必要的声明 ;具体 我的经验对不对 咳咳 等我再学学就知道
- import React from 'react';
- import './App.css';
- function App() {
- return (
- <div className="App">
- 2
- </div>
- );
- }
- export default App;
复制代码
1.一个JS文件造出来,那一个组件就完成了;
2.把这个组件 丢到页面上 :
2.1 在 index.js 页面中引入这个页面:
- import Mytest from './Mytest';
复制代码 2.2 使用内置的 JSX 语法 把它渲染到指定的ID上;
- ReactDOM.render(<Mytest />, document.getElementById('mytest'));
复制代码
3. 在 相应的页面上添加组件ID:
依照我的个人经验,下一章该讲路由了 然后是 组件之间的传值
|
|