84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
プロパティを定義したいのですが、プロパティが省略されたコンポーネントである必要があります。
いくつかのプロパティを持つ検証コンポーネントがあります:
入力コンポーネントがあります。
そこで、InputProps.validations は Validation でなければならないと定義したいのですが、値 prop は省略します。
は次のように使用する必要があります:
ここで何を達成したいのかが 完全に明確ではないので、おそらく何かが欠けていると思います...
は可能ですが、validations を指定します。<ValidationProps, 'value'/> を省略し、{React.cloneElement(props.validations, {value})} に置き換えます 入力で <validation check={props.validations} value={value}/> をインスタンス化するだけです 更新:
{React.cloneElement(props.validations, {value})} に置き換えます
<validation check={props.validations} value={value}/>
をインスタンス化するだけです
2 つのコンポーネント (入力と検証) 間に依存関係を持たせたくない場合は、両方によってインポートされる 3 番目のモジュールでプロパティを共有しない限り、props インターフェース間にも依存関係を持たせることはできません。
この場合、
のように、さらに抽象化して検証をレンダリング プロップにすることができます。その後、以前と同様に使用できますが、「太い矢印」構文が追加されています リーリー
リーリー
の代わりに validations(value) を呼び出してインスタンス化します。 これ
validations(value)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ここで何を達成したいのかが 完全に明確ではないので、おそらく何かが欠けていると思います...
ただし、prop が特定のプロパティを持つコンポーネントである必要があることを直接指定することはできません。は可能ですが、validations を指定します。<ValidationProps, 'value'/> を省略し、
{React.cloneElement(props.validations, {value})} に置き換えます入力で<validation check={props.validations} value={value}/>をインスタンス化するだけです更新:2 つのコンポーネント (入力と検証) 間に依存関係を持たせたくない場合は、両方によってインポートされる 3 番目のモジュールでプロパティを共有しない限り、props インターフェース間にも依存関係を持たせることはできません。
この場合、
validations: (value) => ReactElementのように、さらに抽象化して検証をレンダリング プロップにすることができます。その後、以前と同様に使用できますが、「太い矢印」構文が追加されています
cloneElementリーリーの代わりに
は、検証レンダリング プロパティに何でも注入できるため、柔軟性が高すぎる点まで抽象化します。validations(value)を呼び出してインスタンス化します。