文章 2024-10-27 来自:开发者社区

React学习之——条件渲染

if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>; } function GuestGreeting(props) { return <h1>Please sign up.</h1>; } function Greeting(props) { cons...

文章 2024-10-21 来自:开发者社区

React进阶学习

一、React进阶1、React脚手架npx create-react-app my-app12、reactconst React = { createElement, Component}1234React.createElement: 创建虚拟DOMReact.Component: 实现自定义组件 3、react-dom主要是render逻辑。 ReactDOM.rend...

文章 2024-10-21 来自:开发者社区

React 进阶阶段学习计划

React 进阶阶段学习计划目标掌握自定义Hooks的创建和使用。深入理解上下文(Context)和Redux的高级用法。学会服务端渲染(SSR)。深入探讨性能优化技巧。学习内容自定义Hooks创建和使用自定义Hooks自定义Hooks:用于提取组件逻辑,使代码更加模块化和复用。 示例: // us...

文章 2024-09-22 来自:开发者社区

react学习(22)高阶函数和函数柯里化

1:高阶函数:如果一个函数符合两个条件中的其中一种,则为高阶函数 a:如果A函数接收的参数是一个函数,那么A函数称之为高阶函数。b:如果A函数的返回值是一个函数,那么A函数称之为高阶函数。c:常见的高阶函数:Promise,setTimeout,数组的一些方法等。2&#x...

文章 2024-09-19 来自:开发者社区

react学习(21)受控组件

1: 受控组件,不使用 ref,会把值存放在state状态中,用的时候直接去状态中取。类似于vue和angualr中的双向数据绑定。2:如果js中对象的key为变量记得加[]。3:函数需要加参数,需要写成回调函数的形式。 class Login extends React.Component { ...

文章 2024-09-19 来自:开发者社区

react学习(20)非受控组件

知识点:1:对于表单:form的action属性是用来标识表单要提交的地址,form有一个onsubmit原生事件,当点击按钮时,用于表单的提交。但是默认页面会刷新,所以需要阻止默认行为,在onsubmit中写一些逻辑。也可以给button绑定一个click事件做一些逻辑。2ÿ...

文章 2024-09-19 来自:开发者社区

react学习(19)事件处理

知识点1:通过onXxx属性指定事件处理函数(注意大小写) react中使用的是自定义合成事件,为了更好的兼容性,而非原生的dom事件。React 事件触发时机后于原生事件。React 事件是在冒泡阶段触发 react中的事件,是通过事件委托的方式处理的。比如我们想给ul下的每一个li绑定事件触发一些动作,其实我们是给li的父元素,ul绑定,这就叫事件委托。所有React 事件 都绑定在d...

react学习(19)事件处理
文章 2024-09-18 来自:开发者社区

react学习(18)createRef形式的ref

<script type="text/babel"> class Demo extends React.Component { myRef = React.createRef(); render(){ return ( ...

文章 2024-09-18 来自:开发者社区

react学习(17)回调形式的ref

<script type="text/babel"> class Demo extends React.Component { render(){ return ( <div> <in...

文章 2024-09-17 来自:开发者社区

react学习(15)函数式组件中使用props

对于state,props和refs,抛开hooks不说,也只有props能在函数式组件中使用,因为函数式组件中的this为undefined. <script type="text/babel"> function Person(props){ return ( ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。