将心比心,方得人心~

React jsx返回内容需要在外层有一个包裹元素,如一个div,可以用Fragment代替

周洲 2020-09-06 11:18:13

React jsx返回内容需要在外层有一个包裹元素,如一个div

import React, { Component } from 'react';

class TodoList extends Component {
	render() {
		return (
			<div>
				<div><input/><button>提交</button></div>
				<ul>
					<li>Learning english</li>
					<li>Learning React</li>
				</ul>
			</div>
		)
	}
}

export default TodoList;

可以用Fragment代替包裹元素

import React, { Component, Fragment } from 'react';

class TodoList extends Component {
	render() {
		return (
			<Fragment>
				<div><input/><button>提交</button></div>
				<ul>
					<li>Learning english</li>
					<li>Learning React</li>
				</ul>
			</Fragment>
		)
	}
}

export default TodoList;


打赏

『微信打赏』

Tag标签React 

我是有底线的