React -如何在props值上应用浏览器的渐变前缀？

const gradientStyle = {
  background: 'linear-gradient(to right, red, blue)',
  background: '-webkit-linear-gradient(to right, red, blue)', // Webkit浏览器前缀
  background: '-moz-linear-gradient(to right, red, blue)', // Mozilla浏览器前缀
  background: '-o-linear-gradient(to right, red, blue)', // Opera浏览器前缀
};

<ChildComponent style={gradientStyle} />

const ChildComponent = (props) => {
  return (
    <div style={props.style}>
      {/* 其他子组件内容 */}
    </div>
  );
};