在JS中书写html语法,就可称之为JSX语法。
JS语法与JSX语法的区别。在普通的JS语法中,如果想渲染一段html文本的话,我们需要这么做。如下:
import React from 'react';
function App() {
return '<div><h1>HELLO WORD</h1></div>' //加上单引号或双引号
}
export default App;
但是如果这么做,我们的程序是运行不起来的。我们需要这么做,直接写div标签,不需要加引号,如下:
import React from 'react';
function App() {
return <div><h1>HELLO WORD</h1></div> //JSX语法不用加引号
}
export default App;
在JSX语法中可以自己定义标签。如<App />。如下:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'; //引入自己定义的组件,
ReactDOM.render(<App />,/*以标签的形式书写定义的组件,首字母要大写*/ document.getElementById('root'));
在React中当一个标签是以大写字母开头的,那么一般都是组件。否则可能就是html。