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 样式教程

×

×

正确

练习：

创建一个名为name的变量，并将其传递给Person组件。

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

不正确

点击此处重试

正确

下一题 ❯

function Person(props) {
  return <h2>I'm { props.name }!</h2>;
}

function Greeting() {
  const name = "Jesse"
  return (
    <>
      <h1>Hello!</h1>
      <Person name=w3exercise_input_no_0
 name w3exercise_input_no_1
 />
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Greeting />);