Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/spring-boot/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查props是否是有效的JSON_Javascript_Reactjs_React Proptypes - Fatal编程技术网

Javascript 检查props是否是有效的JSON

Javascript 检查props是否是有效的JSON,javascript,reactjs,react-proptypes,Javascript,Reactjs,React Proptypes,如何使用propertypes包检查字符串类型的占位符propprops是否为有效的JSON 在父组件中: <Component placeholderProp={'{"a":1}} /> 在查看了github页面的道具类型之后,我意识到解决方案是通过使用 功能: 在查看了github页面的道具类型之后,我意识到解决方案是通过使用 功能: import React from "react" import PropTypes from "prop-types" const Comp

如何使用
propertypes
包检查字符串类型的占位符propprops是否为有效的JSON

在父组件中:

<Component placeholderProp={'{"a":1}} />

在查看了github页面的
道具类型之后,我意识到解决方案是通过使用
功能:


在查看了github页面的
道具类型之后,我意识到解决方案是通过使用
功能:

import React from "react"
import PropTypes from "prop-types"

const Component = ()=>{ ... }

Component.propTypes= {
  placeholderProp: PropTypes.???
}
import React from "react"
import PropTypes from "prop-types"

const Component = ()=>{ ... }

Component.propTypes= {
  placeholderProp: function(props, propName, componentName) {
    try {
      JSON.parse(props[propName]);
    } catch (e) {
      return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Validation failed.');
    }
  }
}