react中import css文件全局污染

问题：react中import css文件全局污染

react中利用webpack打包，可以把css作为一个model导入到文件中，方式如下：

1
import './TestModel.css'

不过这种方式进来的css文件实际上是在渲染的时候，给对应的html中添加了一个内嵌样式<style>,那么如果一个html是由多个component组成，而每个component中都import了一个css文件，那么这个html文件在实际加载时，就会把多个component中的CSS文件作为<style>同时加载，这么一来就把这些CSS的作用域放大化了，就会造成样式污染。

more >>

阅读全文 >>

react程序中 Failed to execute 'insertBefore' on 'Node'&& Cannot read property 'nextSibling' of null

问题：react程序中 Failed to execute ‘insertBefore’ on ‘Node’&& Cannot read property ‘nextSibling’ of null

代码执行的功能是 在以下table中点击每一行右侧的红色btn，会弹出一个modal，modal中可以进行一些其它操作以及关闭modal。

现在遇到的问题是打开modal时console中会报错（Failed to execute ‘insertBefore’ on ‘Node’），modal可以打开，但是关闭时报错Cannot read property ‘nextSibling’ of null，且无法关闭。

相关效果和代码如下：

more >>

阅读全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。