小编Rom*_*nas的帖子

如何使用 Material-UI 主题更改 TextField 输入的焦点边框

我正在尝试创建我自己的主题Material-Ui v.5.4.0。我遇到了问题。我无法更改TextField focused边框colorwidth. 我花了几个小时进行研究,但没有找到可行的解决方案。我开始思考是否有可能在主题中做到这一点?但这不符合逻辑。

我当前的主题代码:

import { createTheme } from '@mui/material/styles'

// Colors
const blue = '#5A5BD4'
const blueDark = '#4f4fd8'

// Parameters
const buttonsBorderRadius = 20
const buttonPadding = '5px 15px'
const inputBorderRadius = 10

const theme = createTheme({
  components: {
    // Buttons
    MuiButton: {
      variants: [
        //   Blue button
        {
          props: { variant: 'blueButton' },
          style: {
            backgroundColor: blue,
            color: '#ffffff',
            borderRadius: buttonsBorderRadius,
            textTransform: 'none',
            padding: buttonPadding,
            '&:hover': {
              backgroundColor: …
Run Code Online (Sandbox Code Playgroud)

css reactjs material-ui next.js

7
推荐指数
1
解决办法
4536
查看次数

无效的 asm.js:react 构建应用程序中出现意外的令牌

构建反应应用程序后,我在 Chrome 中收到警告:

无效的 asm.js:意外的标记

和火狐浏览器:

asm.js 类型错误:被调试器禁用

而且我不明白它从哪里来。

我的应用程序使用 firebase 作为后端。

firefox google-chrome firebase reactjs

6
推荐指数
0
解决办法
2810
查看次数

使用 Promise 清理 useEffect 的正确方法

我有useEffect一个回调函数,可以从多个 API 中获取一些数据。为此,我正在使用Promise并且我的代码如下所示:

useEffect(() => {
   const fetchAllData = async () => {
      const resourceOne = new Promise((resolve) => {
         // fetching data from resource one and changing some states
      })
      const resourceTwo = new Promise((resolve) => {
         // fetching data from resource two and changing some states
      })
      const resourceThree = new Promise((resolve) => {
         // fetching data from resource three and changing some states
      })

      await Promise.all([resourceOne, resourceTwo, resourceThree])
      .then(() => {
         // changing …
Run Code Online (Sandbox Code Playgroud)

promise reactjs use-effect

5
推荐指数
1
解决办法
3923
查看次数

地图移动时如何使标记始终居中?

我正在使用 react-google-maps 组件制作带有一个标记的地图。我做到了,它运行良好,但问题是我希望该标记始终居中。

我对谷歌进行了研究,并找到了几种解决方案:一个是通过谷歌 API,但我不明白如何实现 react-google-maps,第二个 - 在地图上添加假标记 - 我认为不是很好的解决方案。

import React from 'react';
import { GoogleMap, withScriptjs, withGoogleMap, Marker} from 'react-google-maps';

function Map() {
    return(
        <GoogleMap
                defaultZoom={13}
                defaultCenter={{lat:54.68916, lng:25.2798}}
        >
           <Marker 
                position={{lat:54.68916, lng:25.2798}}
                draggable={true}
                onDragEnd={(e) => markerDrop(e)}
           />
        </GoogleMap>
    );
}

function markerDrop(event){
    //get values of marker
    let lat = event.latLng.lat();
    let lng = event.latLng.lng();
    //insert values to forms
    document.getElementById('location_latitude').value = lat;
    document.getElementById('location_longitude').value = lng;
    return
}


const WrappedMap = withScriptjs(withGoogleMap(Map));



export default function PickLocation(){
    return(
        <div>
            <WrappedMap 
                googleMapURL={'https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places&key=AIzaSy'} …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps reactjs react-google-maps

2
推荐指数
1
解决办法
5110
查看次数

检查 Firestore 中的任何文档是否包含子字符串

我在 Firestore 中收集了大量具有随机 ID 的文档,每个文档都有两个字段:名称和描述。我希望我的应用程序允许用户输入一系列字符,然后向他展示包含该字符序列(例如名称字段)的所有文档。使用 Firebase 及其查询是否可行?如果可以,您能给我一个 Kotlin 或 Java 代码示例吗?我知道有一些方法,例如hasChild()child("child name").exists(),但由于我还不知道用户正在查找哪个文档,如果我没有弄错的话,我无法使用它们。

例如,如果我有 3 个具有以下名称(“mike”、“michael”、“dave”)的文档的集合,并且用户输入“mi”,我希望能够检索其名称的文档是“迈克”和“迈克尔”。

android firebase google-cloud-firestore

2
推荐指数
1
解决办法
7736
查看次数