将Emotion-React与Typescript一起使用时,Props和InnerProps有什么区别?

时间:2019-01-06 13:47:51

标签: reactjs emotion

我试图将类型添加到我的StyledComponents(情感反应)中。 可以说我有一个样式化的Button组件,当我用通用的StyledComponent声明其类型时,我需要向其传递3个类型变量:

url = url+"&PageIndex=3";

Props和InnerProps有什么区别? InnerProps只是孩子吗?

1 个答案:

答案 0 :(得分:0)

来自emotion github:

  • const steps = [ { url: '/api/test/1' }, { url: '/api/test/2' }, { url: '/api/test/3' }, { url: '/api/test/4' }, ] const executeStep = index => { // Validate step existence if (typeof steps[index] == 'undefined') return // Request $http({method: 'get', url: steps[index].url}) .success(response => { if (!response.success) throw response executeStep(index+1) }).error(err => { console.error(err) alert('Error') }) } executeStep(0) 是类型参数,表示的道具类型
  • 内部组件(样式目标)
  • InnerProps是类型参数,代表的额外道具类型
  • 样式化的组件。