{errors&& エラー: 名前を追加してください});};rest"> CSS スタイルを使用して ReactJs の入力タグを美しくする-PHP中国語ネットワークQ&A
CSS スタイルを使用して ReactJs の入力タグを美しくする
P粉619896145
P粉619896145 2023-09-01 17:00:09
0
1
580

React JS アプリケーションには次のコンポーネントがあります:

const Input = ({name, ..rest}) => { 戻る ( 
{エラー && エラー: あなたの名前を追加してください}
); };

restパラメータには、必須、className、id など、すべてのReact.InputHTMLAttributesが含まれます。

style 属性を入力コンポーネントに追加しようとして問題が発生しました。次のようなものを追加すると:

margin-bottom: 45px

この場合、入力ボックスとスパンの間に空白スペースが生じますが、この空白はコンポーネント全体のスペースである必要があるため、スペースはコンポーネントの要素間ではなくコンポーネントの下に適用される必要があります。

この問題を回避し、input タグの ...rest 属性を保持するにはどうすればよいですか?

注: style に加えて、classNameid も同じで使用できます。コンテキスト ;必須など。

P粉619896145
P粉619896145

全員に返信 (1)
P粉511896716

restからstyle属性を抽出し、そのmargin属性 (以前に設定した) を削除して、カスタムmarginBottom: 45# を使用できます。 ##上書きします。リーリー

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!