为什么我需要在TouchableOpacity上单击两次？

Question

我想创建一个按钮，如果您单击它，则复制所述按钮的颜色。 但是我需要单击两次才能复制颜色（我第一次什么都不复制） 有人可以帮我还是告诉我在哪里犯错？ 这是我的代码：

  const [couleur, setCouleur] = useState("");
  async function cop() {
    await navigator.clipboard.writeText(couleur);
    alert("Couleur copiée");
  }

           <TouchableOpacity
                onPress={() => {
                  setCouleur("black");
                  cop();
                }}
              >
                <View
                  style={{
                    width: "100%",
                    height: 30,
                    backgroundColor: "#ADDAD4",
                  }}
                >
                  <Text style={styles.textcol}>green-8</Text>
                </View>
              </TouchableOpacity>

 textcol: {
    fontSize: 12,
    marginLeft: "75%",
    fontWeight: "300",
    textAlign: "center",
    alignItems: "center",
    alignSelf: "center",
    marginTop: "2%",
    color: "white",
    fontStyle: "italic",
  },

Answer 1

您需要做2件事：

          <TouchableOpacity
            onPress={() => {
              setCouleur("#black");
            }}
          >

以及在开始时添加使用效率：

  useEffect(() => {
if (couleur !== "") {
  cop();
} },[couleur]);