小编And*_*dré的帖子

我在 React 中使用上下文提供程序来跨多个组件共享数据。然而，由于我的一个子组件的值发生了变化，它会重新渲染我的所有其他组件，这在一定程度上导致了性能问题。所以我想阻止我的子组件重新渲染。我尝试使用 React.memo() 但每当我设置 Context Provider 的状态时它仍然会呈现。

const Authenticator = React.memo(() => {
  
  const [myChat, setMyChat] = useContext(ChatContext);

  console.log("rerender"); // gets called everytime on click
  return (
    <Button
      title="click me"
      onPress={() => setMyChat({ text: "hello" })}
    ></Button>
  );
});

我的上下文提供程序如下所示：

const ChatProvider = ({ children }) => {
  const [myChat, setMyChat] = useState([]);

  return (
    <ChatContext.Provider value={[myChat, setMyChat]}>
      {children}
    </ChatContext.Provider>
  );
};

我的 App.js 如下所示：

<ChatProvider>
  <Authenticator />
</ChatProvider>

由于 Apple 禁用了HTMLMedia?Element?.play() 在没有用户交互的情况下通过javascript自动播放音频的功能，我不确定当用户在页面加载后与 DOM 交互之前收到聊天消息时应该如何播放声音。

socket.on("receive message", data => {
  const receiveSound = new Audio("1.mp3");
  messages.push(data);
  receiveSound.play();
});

我尝试在mousemove事件中播放音频元素。我还尝试click()通过 React ref 上的元素伪造 a以最初激活它。两种解决方案都不起作用。

如果有消息进来，有没有办法自动播放音频元素？这一定是可能的，因为 YouTube 可以在没有交互的情况下自动播放视频。

每次尝试播放音频时，都会出现此错误：

Unhandled Rejection (NotAllowedError): The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

我在服务器上托管了自己的地图图块。当我使用框架时，是否可以完全免费使用Mapbox GL JS，还是必须为此付费？他们的网站有点矛盾，一方面他们有一个定价，另一方面他们说这是一个免费的开源项目。所以我很困惑。

我正在尝试让暗模式工作，但它在 Android 上不起作用。它总是返回“光”。在 iOS 上它工作正常。

import React from 'react';
import { useColorScheme } from "react-native";

export default function App() {
  const theme = useColorScheme();
  alert("your color scheme is: " + theme); // always returns "light" on Android
  return null;
}

我正在使用 Expo SDK 42。

我把"userInterfaceStyle": "automatic"我的，app.json但它没有什么区别。

在 Android 上，我的 expo 应用程序在一定时间（如 3-5）不活动并且手机被锁定后不会显示通知（或者它们接收得很晚） 。