小编use*_*989的帖子

我在学习 webpack 时遇到了loaders， 的定义loaders说它转换你的代码，以便它可以包含在 javascript 中bundle。

但是，html-loader 是如何工作的？

该html-loader认定中说，它导出HTML作为字符串（什么意思）。

它还说每个可加载的属性（例如<img src="image.png"导入为require('./image.png')，并且您可能需要在配置（file-loader或url-loader）中为图像指定加载器，这是什么意思。

我想知道，实际上 html-loader 做了什么。它是转换html为 String 还是只是将img标签转换为require. 所有这些如何协同工作。

谁能详细解释一下。

我正在学习React，我开始了解JSX，定义说它是 javascript 的语法扩展。javascript 的语法扩展是什么意思？这是否意味着React已经为现有的 javascript 添加了用于 React 开发的新功能，或者它是否完全是由 开发的新语言React，或者它与 React 是分开的。

我想知道useEffect钩子清理函数何时在反应中被调用，它是在依赖项更改时调用还是在组件卸载时调用。

例如在我的组件中如果我有useEffect

useEffect(()=>{

  return ()=>{ 
             //clean up function code

             }  //clean up function

},[dependency])

清理函数会在更改时调用dependency还是在组件卸载时调用。

我有一个名为 (First) 的功能组件

function First() {
    const [count,setCount]=useState(0)

    console.log("component first rendering") // this logging is happening twice


    return (
        <div>
            first component
        </div>
    )
}

当我最初运行应用程序时，console语句记录了两次，为什么它应该只记录一次，因为我没有明确更新状态。

我正在使用react-quill，我想知道如何image在插入编辑器后选择一个，以及如何url在删除后获取已删除的图像。

这是我的编辑器组件

import React,{useState} from 'react'
import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';

const modules = {
    toolbar:{
        container: [
            [{ 'header': [1, 2, false] }],
            ['bold', 'italic', 'underline', 'strike', 'blockquote'],
            [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
            ['link', 'image'],
            ['clean']
          ],
          

          handlers:{
            'image': async function(){
                const editor = this.quill
                
                const input = document.createElement('input');
                input.setAttribute('type', 'file');
                input.setAttribute('accept', 'image/*');
                input.click();

                input.addEventListener('change', (e) => {
                    const url = awiat uploadFile(e.target.files[0))
                    const range = editor.getSelection(true);
                    editor.insertEmbed(range.index, 'image', …

在反应中，我使用功能组件，并且有两个函数（getBooks）和（loadMore）

getBooks从端点获取数据。但是，当我loadMore在函数内单击按钮调用getBooks函数（loadMoreClicked）时，即使在延迟（5秒）调用它之后，它也不会更改它使用以前的状态。但是当我loadMore再次打电话时，状态发生了变化，一切正常。

有人可以解释为什么初始调用 (getBooks) 时的 (loadMoreClicked) 即使在 5 秒延迟后调用它也没有更新。

function component() {
  const [loadMoreClicked, setLoadMore] = useState(false);
  const getBooks = () => {
    const endPoint = `http://localhost/getBooks`; //this is my end point
    axios
      .get(endPoint, {
        params: newFilters
      })
      .then(res => {
        console.log(loadMoreClicked); //the (loadMoreClicked) value is still (false) after (5 sec)
      })
      .catch(err => {
        console.log(err);
      });
  };

  const loadMore = () => {
    setLoadMore(true); //here i am changing (loadMoreClicked) value to (true) …