当我按回鼠标上的按钮时，React返回json而不是html和css。

当您按回鼠标上的按钮时，React返回JSON而不是HTML和CSS，这是因为React是一个用于构建用户界面的JavaScript库，它采用了组件化的开发模式。

在React中，通过编写组件来构建用户界面。组件可以是一个简单的按钮，也可以是更复杂的界面元素，例如表单、导航栏等等。当您按下按钮时，React会执行相关的事件处理程序，并根据逻辑返回相应的数据。

通常情况下，React会将组件渲染为HTML和CSS，然后将其呈现在浏览器中。但是，如果您希望在按下按钮时返回JSON数据，您可以根据需要进行配置和处理。

要实现按回鼠标上的按钮时返回JSON数据，您可以按照以下步骤进行操作：

在React组件中定义事件处理函数，该函数将在按钮被点击时触发。
在事件处理函数中执行您的逻辑操作，并根据需要创建JSON数据。
使用React提供的相关API（例如setState）更新组件的状态，将JSON数据存储在状态中。
在组件的渲染方法中，根据组件状态决定是否返回JSON数据。

以下是一个示例代码，演示如何在按下按钮时返回JSON数据：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      jsonData: null
    };
  }

  handleClick = () => {
    // 执行您的逻辑操作，并创建JSON数据
    const jsonData = {
      key1: 'value1',
      key2: 'value2'
    };

    // 将JSON数据存储在组件状态中
    this.setState({ jsonData });
  };

  render() {
    const { jsonData } = this.state;

    // 根据组件状态决定是否返回JSON数据
    if (jsonData) {
      return (
        <pre>{JSON.stringify(jsonData, null, 2)}</pre>
      );
    }

    return (
      <button onClick={this.handleClick}>点击返回JSON</button>
    );
  }
}

export default MyComponent;

在这个示例中，当您按下按钮时，会触发handleClick事件处理函数，创建一个包含两个键值对的JSON对象。然后，这个JSON数据将存储在组件的状态中。最后，在组件的渲染方法中，如果存在JSON数据，则以预格式化的方式显示在页面上，否则显示一个按钮。