【项目集合】遇到的一些问题

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the

在用了hooks的组件处，报这个错误，解决原因是react版本是17.0.1，然后我写的hooks的代码是在另一个react17.0.2里写的，到这边来就报错了，把react升级就行了，

使用raw-loader报错，说不能在引用的时候用!!
所以不能再写成
code={require(’!!raw-loader!./button.example.txt’).default
查了半天没查出该怎样解决，只能换条思路，把code换做string，就写在当前文件下，直接当做props传进去

const code = (
    `
    import React, { Component } from 'react'
import { Icon } from 'voice-ui'

export default class Demo extends Component {
    render() {
        return (
            <div>
                <Icon name='alipay' />
                <Icon name='wechat' />
                <Icon name='qq' />
                <Icon name='guitar' />
                <Icon name='facebook' />
                <Icon name='twitter' />
                <Icon name='weibo' />
                <Icon name='call' />
            </div>
        )
    }
}

    `
)

						<Demo
                            code={code}
                            title='基础用法'>
                            <IconExample />
                        </Demo>