按钮内容未更新

// 示例代码（React）
import React, { useState } from 'react';

function Button() {
  const [buttonText, setButtonText] = useState('Click me');

  const handleClick = () => {
    setButtonText('Clicked!');
  };

  return (
    <button onClick={handleClick}>{buttonText}</button>
  );
}

// 示例代码（Vue.js）
<template>
  <button @click="handleClick">{{ buttonText }}</button>
</template>

<script>
export default {
  data() {
    return {
      buttonText: 'Click me'
    };
  },
  methods: {
    handleClick() {
      this.buttonText = 'Clicked!';
    }
  }
};
</script>

// 示例代码（React）
import React, { useState, useEffect } from 'react';

function Button({ externalData }) {
  const [buttonText, setButtonText] = useState('Click me');

  useEffect(() => {
    if (externalData.updated) {
      setButtonText('Data updated!');
    }
  }, [externalData]);

  return (
    <button>{buttonText}</button>
  );
}