小编Mat*_*ara的帖子

我已经使用反应大约一年了,我最近想深入研究react-beautiful-dnd.我过去为vanilla js和jQuery构建了插件,但我不确定如何构建react.js插件甚至调试它.我更感兴趣的是调试这个插件,看看它是如何工作的,那么我究竟是怎么做的呢？

通常有一个JS插件,它主要是一个文件,所以每个函数里面的console.log会让你清楚地了解为什么以及什么时候触发某个函数,你会如何使用react.js插件做同样的事情？

在我的渲染方法中,我有组件

<DatePicker selected={this.state.startDate} onChange={this.handleChange()}/>

handleChange正在关注

handleChange: function (e) {
  var that = this;
  console.log(e.target.value)
  return function () {
    that.setState({
      startDate: e.target.value
    });
  }
},

当我尝试使用此组件加载页面时,我收到错误

无法读取未定义的属性"目标"

我究竟做错了什么 ？

我想使用polyfill 进行可选链接，但我不想为已经支持此功能的浏览器提供polyfill。

有没有办法确定浏览器是否支持可选链？

我有一个 reactjs 应用程序，我正在将所有文件名规范化为小写以符合Nodejs 最佳实践

但是，当我在 Visual Studio Code 中更改文件名时，git 会忽略这些更改，因此我无法提交更改。

我按照此处概述的步骤关闭了 git 的默认文件大小写忽略 Windows，但在我确认它被切换为关闭后没有任何变化——我的文件名发生了更改，但 git 不接受更改以允许我提交它们。切换分支会重置我所做的文件名大小写更改。

如何在 git 中提交对文件名大小写的更改？

在redux中,我理解状态是不可变的,当你创建新状态时,你实际上是用新的信息更新对象,然后完全重写状态.

今天我有一个想法,我不确定它是多么愚蠢.

继续重写国家,计算成本是否昂贵？我知道这是Redux的主要范例之一,但我想知道从内存和空间的角度来看这是否有意义.

我有一个问题,以防止未经授权的用户访问授权的路由/组件 - 例如登录用户仪表板

我有以下代码:

import React from 'react'
//other imports
import {withRouter} from 'react-router'

class User extends React.Component {
  constructor(props) {
    super(props)
    console.log('props', props)
    let user = JSON.parse(localStorage.getItem('userDetails'))
    if(!user || !user.user || props.match.params.steamId !== user.user.steamId) {
      props.history.push('/')
    } else {
      this.props.updateUserState(user)
      this.props.getUser(user.user.steamId)
    }
  }

  //render function
}

//mapStateToProps and mapDispatchToProps

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(User))

路由器:

render() {
    return (
      <Router>
        <div>
          <Route exact path="/" component={Main}/>
          <Route path="/user/:steamId" component={User}/>
          <Route path="/completelogin" component={CompleteLogin}/>
        </div>
      </Router>
    )
  }

我尝试记录以检查是否输入了条件,但是我从渲染函数中得到一个错误,说它无法读取null的属性.

有没有办法解决我的问题,也有更好的方法来满足我的要求？只有授权用户才能严格访问特定组件

我构建了一个工具，我的用户可以在其中上传文档。现在，我希望用户下载相同的上传文件。

上载的文件存储在本地开发环境中的服务器上 C:/xampp/htdocs/myfile/uploads/*

访问脚本时使用哪种PHP代码启动文件下载？

<a href="magic.php"> Download file </a>

是否有任何特殊的CSS技术可用于使网站对大多数屏幕尺寸做出响应？大型手机，小型手机，平板电脑，台式机等

有没有要使用的特定断点？是否有适合所有屏幕尺寸的特定方法？