有没有办法在react原生中隐藏多个文本输入组件？

.hidden-input {
  display: none;
}

import React from 'react';
import './styles.css';

const MyComponent = () => {
  return (
    <div>
      <input type="text" className="hidden-input" />
      <input type="text" className="hidden-input" />
      <input type="text" className="hidden-input" />
    </div>
  );
};

export default MyComponent;