wordpress使用讨论群seo技术培训宁波

当前位置： 首页 > news >正文

wordpress使用讨论群,seo技术培训宁波,网站建站方案说明书,免费域名x网站https://activity.csdn.net/creatActivity?id10787 #1024程序员节#xff5c;征文#
21、 React中的状态是什么#xff1f;它是如何使用的#xff1f;#xff1f; 状态是 React 组件的核心#xff0c;是数据的来源#xff0c;必须尽可能简单。基本上状态是确定组件呈现…https://activity.csdn.net/creatActivity?id10787 #1024程序员节征文#
21、 React中的状态是什么它是如何使用的 状态是 React 组件的核心是数据的来源必须尽可能简单。基本上状态是确定组件呈现和行为的对象。与props 不同它们是可变的并创建动态和交互式组件。可以通过 this.state() 访问它们。 22、React组件中props是什么 Props 是 React 中属性的简写。它们是只读组件必须保持纯即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。这有助于维护单向数据流通常用于呈现动态生成的数据。 23、react中组件分为那俩种 函数式 和类组件 24、react中区分状态和 props 条件StateProps1. 从父组件中接收初始值YesYes2. 父组件可以改变值NoYes3. 在组件中设置默认值YesYes4. 在组件的内部变化YesNo5. 设置子组件的初始值YesYes6. 在子组件的内部更改NoYes 25、如何更新组件的状态 可以用 this.setState()更新组件的状态。 class MyComponent extends React.Component {constructor() {super();this.state {name: Maxx,id: 101}}render(){setTimeout((){this.setState({name:Jaeha, id:222})},2000)return ( divh1Hello {this.state.name}/h1h2Your Id is {this.state.id}/h2/div);}} ReactDOM.render(MyComponent/, document.getElementById(content) );26、React 中的箭头函数是什么怎么用 箭头函数是用于编写函数表达式的简短语法。这些函数允许正确绑定组件的上下文因为在 ES6 中默认下不能使用自动绑定。使用高阶函数时箭头函数非常有用。 //General way render() { return(MyInput onChange {this.handleChange.bind(this) } /); } //With Arrow Function render() { return(MyInput onChange { (e)this.handleOnChange(e) } /); }27、区分有状态和无状态组件。 有状态组件无状态组件1. 在内存中存储有关组件状态变化的信息1. 计算组件的内部的状态2. 有权改变状态2. 无权改变状态3. 包含过去、现在和未来可能的状态变化情况3. 不包含过去现在和未来可能发生的状态变化情况4. 接受无状态组件状态变化要求的通知然后将 props 发送给他们。4.从有状态组件接收 props 并将其视为回调函数。 28、React组件生命周期的阶段是什么 React 组件的生命周期有三个不同的阶段 *初始渲染阶段*这是组件即将开始其生命之旅并进入 DOM 的阶段。*更新阶段*一旦组件被添加到 DOM它只有在 prop 或状态发生变化时才可能更新和重新渲染。这些只发生在这个阶段。*卸载阶段*这是组件生命周期的最后阶段组件被销毁并从 DOM 中删除。 29、 React中的事件是什么 React 中事件是对鼠标悬停、鼠标单击、按键等特定操作的触发反应。处理这些事件类似于处理 DOM 元素中的事件。但是有一些语法差异如 用驼峰命名法对事件命名而不是仅使用小写字母。事件作为函数而不是字符串传递。 事件参数重包含一组特定于事件的属性。每个事件类型都包含自己的属性和行为只能通过其事件处理程序访问。 30 React中的合成事件是什么 合成事件是围绕浏览器原生事件充当跨浏览器包装器的对象。它们将不同浏览器的行为合并为一个 API。这样做是为了确保事件在不同浏览器中显示一致的属性。 31、你对 React 的 refs 有什么了解 Refs 是 React 中引用的简写。它是一个有助于存储对特定的 React 元素或组件的引用的属性它将由组件渲染配置函数返回。用于对 render() 返回的特定元素或组件的引用。当需要进行 DOM 测量或向组件添加方法时它们会派上用场。 class ReferenceDemo extends React.Component{display() {const name this.inputDemo.value;document.getElementById(disp).innerHTML name;} render() {return( divName: input typetext ref{input this.inputDemo input} /button nameClick onClick{this.display}Click/button h2Hello span iddisp/span !!!/h2/div);}}32、 列出一些应该使用 Refs 的情况。 以下是应该使用 refs 的情况 需要管理焦点、选择文本或媒体播放时触发式动画与第三方 DOM 库集成 33、如何模块化 React 中的代码 可以使用 export 和 import 属性来模块化代码。它们有助于在不同的文件中单独编写组件。 //ChildComponent.jsx export default class ChildComponent extends React.Component {render() {return( divh1This is a child component/h1/div);} }//ParentComponent.jsx import ChildComponent from ./childcomponent.js; class ParentComponent extends React.Component { render() { return( div App / /div ); } }34、如何在 React 中创建表单 React 表单类似于 HTML 表单。但是在 React 中状态包含在组件的 state 属性中并且只能通过 setState() 更新。因此元素不能直接更新它们的状态它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。 handleSubmit(event) {alert(A name was submitted: this.state.value);event.preventDefault(); }render() {return ( form onSubmit{this.handleSubmit}labelName:input typetext value{this.state.value} onChange{this.handleSubmit} //labelinput typesubmit valueSubmit //form); }35、你对受控组件和非受控组件了解多少 受控组件非受控组件1. 没有维持自己的状态1. 保持着自己的状态2.数据由父组件控制2.数据由 DOM 控制3. 通过 props 获取当前值然后通过回调通知更改3. Refs 用于获取其当前值 36、什么是高阶组件HOC 高阶组件是重用组件逻辑的高级方法是一种源于 React 的组件模式。 HOC 是自定义组件在它之内包含另一个组件。它们可以接受子组件提供的任何动态但不会修改或复制其输入组件中的任何行为。你可以认为 HOC 是“纯Pure”组件。 37、你能用HOC做什么 HOC可用于许多任务例如 代码重用逻辑和引导抽象渲染劫持状态抽象和控制Props 控制 38、 什么是纯组件 纯Pure 组件是可以编写的最简单、最快的组件。它们可以替换任何只有 render() 的组件。这些组件增强了代码的简单性和应用的性能。 39、 React 中 key 的重要性是什么 key 用于识别唯一的 Virtual DOM 元素及其驱动 UI 的相应数据。它们通过回收 DOM 中当前所有的元素来帮助 React 优化渲染。这些 key 必须是唯一的数字或字符串React 只是重新排序元素而不是重新渲染它们。这可以提高应用程序的性能。 40、MVC框架的主要问题是什么 以下是MVC框架的一些主要问题 对 DOM 操作的代价非常高程序运行缓慢且效率低下内存浪费严重由于循环依赖性组件模型需要围绕 models 和 views 进行创建