小编ais*_*ipt的帖子

我尝试使用库的材料表进行基本的增删改查操作。通过使用onRowAdd, onRowUpdate, onRowDelete，我得到了相同的图标，但我想知道如何更改这三个图标中每一个的颜色？

你可以看到我的表格有几个图标，我专注于添加、编辑、删除图标，我想更改这些图标的颜色。

这是我的codesandbox 的链接。

应用程序.js 文件

import React, { useState } from 'react';
import './App.css';
import MaterialTable from 'material-table'

const empList = [
  { id: 1, name: "Neeraj", email: 'neeraj@gmail.com', phone: 9876543210, city: "Bangalore" },
  { id: 2, name: "Raj", email: 'raj@gmail.com', phone: 9812345678, city: "Chennai" },
  { id: 3, name: "David", email: 'david342@gmail.com', phone: 7896536289, city: "Jaipur" },
  { id: 4, name: "Vikas", email: 'vikas75@gmail.com', phone: 9087654321, city: "Hyderabad" },
] …

detectSingleFace我已经在我的 React 项目中实现了 Face-API，该项目正在从图片中检测单个人脸。

现在我想更进一步。我希望face-api在检测后自动裁剪脸部。因此，我可以将其存储在某些服务器、状态或本地存储中。有什么办法可以做到吗？

在这里您可以看到我想要实现的屏幕截图示例，一侧是图片，另一侧是自动裁剪的脸部（我想实现）。

这是我在codesandbox 中的实时代码链接

下面是我的face-api代码模块

PhotoFaceDetection.js

import React, { useState, useEffect, useRef } from "react";
import * as faceapi from "face-api.js";
import Img from "./assets/mFace.jpg";
import "./styles.css";

const PhotoFaceDetection = () => {
  const [initializing, setInitializing] = useState(false);
  const [image, setImage] = useState(Img);
  const canvasRef = useRef();
  const imageRef = useRef();

  // I want to store cropped image in this state
  const [pic, setPic] = useState();

  useEffect(() => {
    const loadModels = async () …

我正在尝试在此登录页面中添加 SVG 作为背景图像（代码和预览如下）。但我不知道该怎么做，我只知道<img src="background.svg" class="yourCSSClass"> 但这会在我的文本上方添加 SVG，而我希望它在我的文本后面。我怎么做？我在这里发送我的反应代码和 SVG 文件

这是 App.js`

import React, { Component } from 'react';
    import './App.css';
    import NameForm from './Form';

    class App extends Component {
      render() {
        return (
          <div className="App">
            <div className="Heading">
    <h1>Welcome to the Sudistic</h1>
    <h3>A small to contribution to the programming community.</h3>
            </div>
            <div>
              <h4>Log In to your Account</h4>
            </div>
            <div>
              <NameForm />
            </div>

          </div>

        );
      }
    }

    export default App;

这是App.css

    .App {
  text-align: center;
  margin-top: 170px;
}

 h1 {
  color: …