反应中的球没有移动

import React from 'react';

import './styles/BackGround.scss';
import Star from './Star.js';

class BackGround extends React.Component{
	constructor(props){
		super(props);

		this.state = { mouseCoordinates: {
			x: 0,
			y: 0,
		}};

		this._onMouseMove = this._onMouseMove.bind(this);
	}

	_onMouseMove(e) {
		this.setState({ x: e.screenX, y: e.screenY });
	}

	render(){
		let x = this.state.x / 10, y = this.state.y / 10;

		console.log(x + " " + y);
		return(
			<div className='bg' onMouseMove={this._onMouseMove}>
				<Star size={4} leftIndent={x} topIndent={y}/>
			</div>
		);
	}
}

export default BackGround;

import React from 'react';

class Star extends React.Component{
	constructor(props){
		super(props);

		this.state = {
			values: {
				position: "fixed",
				backgroundColor: "#F0FFFF",
				borderRadius: "50%",
				height: this.props.size + "px", 
				width: this.props.size + "px",
				marginLeft: this.props.leftIndent + "px",
				marginTop: this.props.topIndent + "px",
			},
		}
	}	
	render(){
		return(
			<div style={this.state.values}></div>
		);
	}
}

export default Star;