世界上最伟大的投资就是投资自己的教育
韦威
id 10030
韦威 16 hours 7 minutes 49 seconds 舵主 研究生 移动端用户
-
connect(({param}) => ({param}))(Component)
因为项目用到 dva,现在在重新补 redux 知识,感觉还是好懂的,老师讲课确实很棒。
-
const render = () => { ReactDOM.render( <App onIncrement={ () => store.dispatch({ type: "INCREMENT" }) } onDecrement={ () => store.dispatch({ type: "DECREMENT" }) } value={ store.getState() } />, document.getElementById('root')); }; render(); store.subscribe(render);
这一段是用 store 监听并重绘的意思么?感觉好麻烦,而且是不是有点反 react 了,每次都重绘一个组件。其实只是重新渲染了变化的值啊?
-
引用:
大量使用 refs 并非是个好主意。如果你的应用中出现了这种情况的话,那么你需要考虑使用受控输入并重新审视组件。
具体参考:
受控输入和非受控输入 -
上述问题已解决,冒泡触发了父组件的 onshow 方法,又执行了
onShow = (e) => { console.log("DIV CLICKED"); this.setState({ isOpen: true }); }
-
-
感觉耦合性好强,但是感觉还是有一定的好处的,我们写代码应该趋向于这种风格吗?
-
为什么用 refs 取到的 input 框 dom 节点的值和实际上的值不一样呢
handleEdit = (event) => { event.preventDefault(); console.log(this.refs.date) let record = { date: this.refs.date.value, title: this.refs.title.value, amount: Number.parseInt(this.refs.amount.value, 0) } console.log(record)
data 原始值为 2019-06-04,我修改为 2019-06-041,但是
console.log(this.refs.date)
输出的如上图。输出this.refs.date
里的 value 值为 2019-06-04,但是输出this.refs.date.value
值为 2019-06-041.
这是为什么呢? -
过时 API:String 类型的 Refs
如果你之前使用过 React,你可能了解过之前的 API 中的 string 类型的 ref 属性,例如
"textInput"
。你可以通过this.refs.textInput
来访问 DOM 节点。我们不建议使用它,因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。注意
如果你目前还在使用
this.refs.textInput
这种方式访问 refs ,我们建议用回调函数或createRef
API 的方式代替。 -
if(isTeacherHandsome) { console.log("老师用的屏幕取词软件是什么?") }
-
在 HOC/withModal 这个项目中,作者写了一句 e.stopPropagation ();来阻止事件冒泡,不阻止的话不能正确关闭 Model,这个是为什么呢?
代码在 Modal.js 的 onClose 函数中
https://github.com/rajeshpillai/youtube-react-components/blob/master/src/components/Modal/Modal.js
© 汕尾市求知科技有限公司 | Rails365 Gitlab | Qiuzhi99 Gitlab | 知乎 | b 站 | 搜索
粤公网安备 44152102000088号 | 粤ICP备19038915号
Top