小编Jan*_*ráň的帖子

我目前正在开发一个相当大的react.js 系统/项目，其中有很多重用的组件，并且没有任何单元测试或文档。当我针对一个特定用例更改（修复）其中一个组件以及在组件发生故障时我不知道的其他 3 个位置时，我的担忧就开始了。

如果有一些工具告诉我，其中所有地方都是某些特定组件的使用，那将是令人惊奇的，这样我就可以在所有情况下测试它。

你有什么建议？

我使用的是最新的cropper.js反应包反应，种植者在我当前的项目和我'刚刚失去了。问题是，裁剪区域可以超出图像，这不应该。我已经尝试了我能想到的一切。

这是 _crop 方法，在cropper 中的每次更改时都会调用该方法。

componentDidMount = () => {
    sessionStorage.setItem('shouldMove', false)
  }

_crop = ( e ) => {
    var canvasData = document.getElementsByClassName('cropper-hidden') 
    [0].cropper.canvasData
    var cropBoxData = this.refs.cropper.getCropBoxData();

    if ( sessionStorage.getItem('shouldMove') === 'false' ) {
      sessionStorage.setItem( 'currentLeft', cropBoxData.left )
      sessionStorage.setItem( 'currentTop', cropBoxData.top )
      sessionStorage.setItem('shouldMove', true)
    }else {
      if (
        cropBoxData.left <= canvasData.left ||
        cropBoxData.top  <= canvasData.top  ||
        cropBoxData.left + cropBoxData.width > canvasData.width + 
        canvasData.left ||
        cropBoxData.top + cropBoxData.height > canvasData.height + 
        canvasData.top
      ) {
        cropBoxData.left = sessionStorage.getItem( …

我有一个即将完成的反应项目，但我必须包括我的 2yo。如果我单独打开它，它仍然可以工作的反应项目。我试图将整个项目添加到我的 src 文件夹并从那里运行它，但该项目正在使用它自己的 redux、路由器和许多其他东西，我需要几年时间才能转移它。你有什么建议吗？

该项目应该像这样工作：在项目 1 中，例如单击一个按钮，该按钮应该从项目 2 中打开一个组件并将其显示在页面上。