小编Kal*_*lis的帖子

我正在学习Angular 2.在角度2生命周期钩子里

ngAfterContentInit -- Component content has been initialized
ngAfterContentChecked -- Component content has been Checked
ngAfterViewInit -- Component views are initialized
ngAfterViewChecked -- Component views have been checked

我无法理解ngAfterContentInit与ngAfterContentChecked,ngAfterViewInit和ngAfterViewChecked之间的区别.

他们提到组件内容已经过检查,并且已经检查了组件视图.我不明白"Checked"这个词提到了什么？

任何人都可以解释.

I tried to create a shared component using a storybook with react-redux. I am using rollup to create a shared component. due to some error unable to create the shared component. package.json

{
  "name": "story1",
  "version": "0.1.0",
  "private": false,
  "main": "./build/index.js",
  "module": "./build/index.es.js",
  "peerDependencies": {
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  },
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "@types/jest": "^26.0.15",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.53",
    "@types/react-dom": "^16.9.8",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "rollup": "2.30",
    "typescript": "^4.0.3",
    "web-vitals": "^0.2.4"
  },
  "scripts": …

错误消息我正在尝试使用fetch（）来访问本地.json文件

fetch('fakedata.json')
  .then((res) => res.json())
  .then((data) => {
    console.log('data:', data);
  })

但是当我在网络中看到它时

您需要启用javascript才能运行此应用

我签入了其他页面，但无法解决此问题。如何解决这个问题

我正在尝试在 angular4 中动态添加组件。我检查了其他问题，但找不到解决方案。我收到错误

错误类型错误：无法读取未定义的属性“createComponent”

关于动态组件。

adv.组件.ts

import { Component, OnInit, AfterContentInit, ViewChild, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
import { SampleComponent } from '../sample/sample.component';
@Component({
  selector: 'app-adv',
  templateUrl: './adv.component.html',
  styleUrls: ['./adv.component.css']
})
export class AdvComponent implements OnInit, AfterContentInit {
  @ViewChild('container', {read:'ViewContainerRef'}) container;
  constructor(private resolver : ComponentFactoryResolver) { }

  ngOnInit() {
  }

  ngAfterContentInit(){
    const sampleFactory = this.resolver.resolveComponentFactory(SampleComponent);
    this.container.createComponent(sampleFactory);
  }

}

adv.component.html

<div #container></div>

应用程序模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component'; …

我是故事书的新手。当我浏览关于故事书的文档和视频时，我读到了旋钮插件。旋钮插件和控件看起来很相似。这两件事有什么区别？

我正在使用打字稿处理 react hook 表单。我的数据结构在数组中看起来是数组。所以我尝试使用useFieldArray

allName: [
    {
      name: "useFieldArray1",
      nestedArray: [
        { name1: "field1", name2: "field2" },
        { name1: "field3", name2: "field4" }
      ]
    },
    {
      name: "useFieldArray2",
      nestedArray: [{ name1: "field1", name2: "field2" }]
    }
  ]

但是当我尝试为输入设置名称时，就像allName[${nestIndex}].nestedArray 我收到以下警告一样。

Type 'string' is not assignable to type '"allName" | `allName.${number}.nestedArray`'

在这里我附上了我的代码的代码沙箱链接。 https://codesandbox.io/s/gallant-buck-iyqoc?file=/src/nestedFieldArray.tsx:504-537 如何解决这个问题？

我试图传递道具

<Mycomp
 deleteAcc={handleDelete(accountId)}
/>

到另一个组件。我写的道具就像

interface AccProps {
 deleteAcc: () => void;
}

并调用该函数，例如

deleteAcc()

但我收到以下错误

Type 'void' is not assignable to type '() => void'

不知道我在这里错过了什么。

我为body编写了一个事件监听器来获取react js中的鼠标位置

getMousePosition = (event) => {
        if(this.props.navActiveClass === "active-sm"){
            var mouseX = 0, mouseY = 0;
            this.setState({
                mouseX:event.pageX,
                mouseY:event.pageY,
            })
        }
    }

    componentDidMount(){
        document.body.addEventListener('mousemove', this.getMousePosition);
    }
    componentWillUnmount() {
        document.body.removeEventListener('mousemove', this.getMousePosition);
    }

之后，每当我移动鼠标时，都会显示组件一次又一次地重新渲染。

数据表jquery插件中的aoColumnDefs和aoColumns之间的区别？

我使用了数据表 jQuery 插件，当我单击数据表插件中的分页时，我必须触发该事件。

我将 npm 版本更新到 6.9.0，之后我无法创建 React 应用程序。大多数命令都不起作用。所以我卸载节点js并重新安装它（最新版本）。当我尝试node --version显示版本为v6.4.0和 npm 版本为6.9.0但我想将节点版本更改为 10.15.3 和 npm 版本作为6.4.1 如何解决此问题