React 入门

练习 1 前往 React 入门教程

React ES6 箭头函数

练习 1 前往 React ES6 箭头函数教程

React ES6 变量

练习 1 前往 React ES6 变量教程

React ES6 数组方法

练习 1 前往 React ES6 数组方法教程

React ES6 解构

练习 1 练习 2 前往 React ES6 解构教程

React ES6 扩展

练习 1 前往 React ES6 扩展教程

React ES6 三元运算符

练习 1 前往 React ES6 三元运算教程

React JSX

练习 1 练习 2 练习 3 练习 4 前往 React JSX 教程

React 组件

练习 1 练习 2 前往 React 组件教程

React 属性

练习 1 前往 React 属性教程

React 事件

练习 1 前往 React 事件教程

React 条件

练习 1 前往 React 条件教程

React 列表

练习 1 前往 React 列表教程

React 钩子 useState

练习 1 前往 React 钩子 useState 教程

React 钩子 useEffect

练习 1 前往 React 钩子 useEffect 教程

React CSS 样式

练习 1 练习 2 练习 3 练习 4 前往 React CSS 样式教程

×

×

正确

练习：

完成这个使用属性的组件。

function Person(props) { return <h1>Hi, I'm {props.name}!</h1>; } const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<Person name="Jesse"/>);

不正确

点击此处重试

正确

下一题 ❯

function Person(w3exercise_input_no_0
) {
  return <h1>Hi, I'm {w3exercise_input_no_1
.name}!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Person name="Jesse"/>);