IT技术 - 什么是用于检查属性是否适用的 Reacts 函数？ - 吾爱随笔录

基于此问答：

React 包装器：React 无法识别 DOM 元素上的 `staticContext` 属性

答案对我的场景来说不是很好，我有很多props，真的不喜欢复制粘贴，希望下次接触代码的人更新两者。

所以，我认为可能有用的只是重新利用 React 用来检查属性是否适合在提交之前有条件地删除属性的任何功能。

像这样的东西：

import { imaginaryIsDomAttributeFn } from "react"
...

render() {
    const tooManyProps = this.props;
    const justTheRightProps = {} as any;
    Object.keys(tooManyProps).forEach((key) => {
        if (imaginaryIsDomAttributeFn(key) === false) { return; }
        justTheRightProps[key] = tooManyProps[key];
    });
    return <div {...justTheRightProps} />
}

我在 Reacts index.t.ts 中找到了 DOMAttributes 和 HTMLAttributes，并且有可能将它们变成大量字符串来检查键，但是......我宁愿把它作为最后的手段。

那么，React 如何进行检查？我可以重用他们的代码吗？

// reacts special properties const SPECIAL_PROPS = [ "key", "children", "dangerouslySetInnerHTML", ]; // test if the property exists on a div in either given case, or lower case // eg (onClick vs onclick) const testDiv = document.createElement("div"); function isDomElementProp(propName: string) { return (propName in testDiv) || (propName.toLowerCase() in testDiv) || SPECIAL_PROPS.includes(propName); }