JSX语法

在JS中书写html语法,就可称之为JSX语法。
JS语法与JSX语法的区别。在普通的JS语法中,如果想渲染一段html文本的话,我们需要这么做。如下:

import React from 'react';

function App() {
  return '

HELLO WORD

' //加上单引号或双引号 } export default App;

但是如果这么做,我们的程序是运行不起来的。我们需要这么做,直接写div标签,不需要加引号,如下:

import React from 'react';

function App() {
  return 

HELLO WORD

//JSX语法不用加引号 } export default App;

在JSX语法中可以自己定义标签。如。如下:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';   //引入自己定义的组件,

ReactDOM.render(,/*以标签的形式书写定义的组件,首字母要大写*/ document.getElementById('root'));

在React中当一个标签是以大写字母开头的,那么一般都是组件。否则可能就是html。

你可能感兴趣的:(JSX语法)