小编Cas*_*sey的帖子

我正在尝试使用react-fontawesome并在我看来与自述文件完全相同的地方实现它:https://github.com/danawoodman/react-fontawesome/blob/master/readme.md

import React from 'react';
import FontAwesome from 'react-fontawesome'
...
export default class ComponentName extends React.Component {
    render() {
        return (
            <div>
                <div>
                    <span>
                        <FontAwesome
                            className='super-crazy-colors'
                            name='rocket'
                            size='2x'
                            spin
                            style={{ textShadow: '0 1px 0 rgba(0, 0, 0, 0.1)' }}
                        />
                        SOME TEXT
                    </span>
                </div>
                ...
            </div>
        )
    }
}

但我没有在DOM中看到一个图标.虽然我确实在Chrome开发工具中看到了:

<span style="text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);" aria-hidden="true" class="fa fa-rocket fa-2x fa-spin super-crazy-colors" data-reactid=".0.$/=11.0.0.$/=10.$/=10.$/=10"></span>

我觉得应该是一个<i>标签.我试图改变<span>...</span>一个<i>...</i>在开发工具中的"编辑为HTML"和图标仍然没有显示.

我在我的插件中添加了模块导出,在我的webpack.config中的预设中添加了stage-2.

谁能告诉我,如果我错过了什么？除了react-fontawesome之外,我还需要一些其他软件包吗？我是否需要导入标准字体-awesome.css或加载字体真棒CDN？任何帮助将不胜感激,谢谢!

看来我对 的使用await不像我理解的那样表现。

我认为async函数和await关键字可以用于返回承诺的调用（例如navigator.mediaDevices.getUserMedia），它会暂停函数执行（如生成器函数），直到承诺解决，然后它会继续执行该函数。

即使我正在等待电话，它也会立即返回，并且我的控制台日志发生故障。具体来说，以“reducer”开头的控制台日志出现在以“getter”开头的控制台之前，此时它应该是相反的/与（我认为）堆栈跟踪应该如何运行相反。

谁能告诉我这里发生了什么？

异步辅助函数 getter：

const getLocalStream = async () => {
  try {
    const localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
    console.log('getter localStream', localStream);
    console.log('about to return')
    return localStream;
  }
  catch (err) {
    console.error(err);
  }
}

export default getLocalStream;

减速机/存储：

import getLocalStream from './getLocalStream';

const reducer = (state = {}, action) => {
  switch (action.type) {
    case 'SEND_CALL': {
      const { id } = action;
      const localStream …

我喜欢使用 Javascript 的 split 方法将如下所示的字符串拆分为每个空白白线上的数组。

我怎样才能做到这一点。拆分 \n 不是因为我希望每个段落只占用数组的一个元素，并且每个段落中有多个 \n。

任何帮助将不胜感激！

细绳：

CHAPTER TWENTY-ONE. MARIE'S SIDE OF IT

CHAPTER TWENTY-TWO. THE CURE COMPLETE



CHAPTER ONE. THE FEVER MANIFESTS ITSELF

There is a certain malady of the mind induced by too much of one
thing. Just as the body fed too long upon meat becomes a prey to that
horrid disease called scurvy, so the mind fed too long upon monotony
succumbs to the insidious mental ailment which the West calls "cabin …

有没有办法在屏幕改变大小(连续/平滑)时使用媒体查询逐渐更改CSS属性的值.而不是设置一堆有变化的断点(步骤)？

喜欢这个网站:http://www.bluegoji.com/？当您缩小浏览器窗口时,页面顶部(导航栏)中<a>标签的边距<ul>会不断减小.

这是我想要实现的行为.

或者解决方案只是使用如此多的媒体查询,它似乎顺利改变？

<button onClick={() => signIn()}>Login</button>在 VS Code 中出现以下@typescript-eslint/no-misused-promises错误：Promise-returning function provided to attribute where a void return was expected.

我正在关注本教程：https://youtu.be/nzJsYJPCc80?t =642（似乎没有收到错误）

我创建了这个项目并npm create t3-app@latest <project-name>添加了所有内容：trpc、tailwind、next-auth 和 prisma（即 create-t3-app 提供的所有内容）。

/* eslint-disable @typescript-eslint/no-misused-promises */我应该按照“快速修复”中的建议禁用此 eslint 错误吗？或者更新 create-t3-app 提供的默认 .eslintrc.json ？

任何方向将不胜感激

// src/pages/index.tsx

import { type NextPage } from "next";
import Head from "next/head";
import Link from "next/link";
import { signIn, signOut, useSession } from "next-auth/react";

import { api } from "../utils/api";

const Home: NextPage …