Vanessa

2019-08-27 描述使用一个原始数组中的数据渲染出一个列表元素。使用 isOrdered 属性值来判断渲染的是 <ol> 列表，还是 <ul> 列表使用 Array.prototype.map 渲染 data 中的每一项作为一个 <li> 元素，根据每一项的索引和值生成一个 keyisOrdered 属性的默认值为 false，使用 <ul> 列表进行渲染实现 functionDataList({isOrdered,data}){

2019-08-28 描述根据原生数组动态渲染一个带行的表格。渲染一个带有两列（IDandValue）的 <table> 元素使用 Array.prototype.map 渲染 data 中的每一项作为一个 <tr> 元素，该元素包含了索引和值。使用索引和值的组合作为 key 实现 functionDataTable({data}){return(<table><thead><tr><th>ID</th><th>Value

2019-08-29 描述使用对象数组和属性名称列表渲染一个动态创建行的表格。使用 Object.keys()，Array.prototype.filter()，Array.prototype.includes()和 Array.prototype.reduce()得到一个 filteredData 数组，使其数组中的每一个对象中都包含 propertyNames 中所指定的 key 值渲染一个 <table> 元素，表

2019-08-30 描述一个 hook，可以处理包装在组建内部的点击事件。创建一个自定义的 hook，使用 ref 和 callback 来处理 click 事件使用 React.useEffect()hook 来添加或清除 click 事件使用 React.useRef()hook 为你的点击组建创建一个 ref，并将他作为参数传递给 useClickInsidehook 实现 constuseClickInside=(ref,ca

2019-09-02 描述一个 hook，可以处理包装在组建外部的点击事件。创建一个自定义的 hook，使用 ref 和 callback 来处理 click 事件使用 React.useEffect()hook 来添加或清除 click 事件使用 React.useRef()hook 为你的点击组建创建一个 ref，并将他作为参数传递给 useClickInsidehook 实现 constuseClickOutside=(ref,c

2019-09-03 描述以声明的方式实现一个 fetchhook 创建一个接受 url 和 options 的自定义 hook 使用 React.useState()hook 初始化 response 和 error 状态变量使用 React.useEffect()hook 用同步的方式调用 fetch()并更新变量状态返回一个包含 response 和 error 状态变量的对象实现 constuseFetch=(url,options)=

2019-09-04 描述用声明的方式实现一个 setIntervalhook。创建一个接受 callback 和 delay 的自定义 hook 使用 React.useRef()hook 为回调方法创建一个 ref 使用 React.useEffect()hook 记住最后一个回调使用 Rect.useEffect()hook 设置和清除 interval 实现 constuseInterval=(callback,delay)=>

2019-09-05 描述一个可以检查代码代码运行在浏览器端还是服务端的 hook。创建一个可以返回适当对象的自定义 hook，使用 typeofwindow，window.document 和 window.document.createElement 来检查代码是否运行在浏览器中使用 React.useState()hook 定义 inBrowser 状态变量使用 React.useEffect()hook 来更新 inB

2019-09-06 描述一个使用声明方式实现的 setTimeouthook。创建一个接受 callback 和 delay 的自定义 hook 使用 React.useRef()hook 为回调函数创建一个 ref 使用 React.useEffect()hook 记录最近的一次回调使用 Rect.useEffect()hook 执行和清除 timeout 实现 constuseTimeout=(callback,delay)=>{

2019-09-10 描述渲染一个字符受到限制的 textarea 组件。使用 React.useState()hook 创建一个 content 状态变量并设置他的值为 value。创建一个 setFormattedContent 方法，当长度大于 limit 时可以对其进行截断使用 React.useEffect()hook 来调用参数为 content 状态变量的 setFormattedContent 方法让一个 <textar