Styjun

Sense of humor in your sci-fi stories

NOLOCK or Read Uncommitted locking / latching behaviours

What are the effects of abstaining from eating a certain flavor?

Shipped package arrived - didn't order, possible scam?

Sorting a list according to some pre-specified rules

Need a non-volatile memory IC with near unlimited read/write operations capability

Interpretation of non-significant results as "trends"

What was the significance of Spider-Man: Far From Home being an MCU Phase 3 film instead of a Phase 4 film?

Which is a better conductor, a very thick rubber wire or a very thin copper wire?

What factors could lead to bishops establishing monastic armies?

Define functions in a tikzcd diagram

My professor has told me he will be the corresponding author. Will it hurt my future career?

Why do airports remove/realign runways?

Array or vector? Two dimensional array or matrix?

How do I explain that I don't want to maintain old projects?

What purpose does mercury dichloride have in fireworks?

Intern not wearing safety equipment; how could I have handled this differently?

How can I reset Safari when Safari is broken?

In layman's terms, does the Luckstone just give a passive +1 to all d20 rolls and saves except for death saves?

Why did the frequency of the word "черт" (devil) in books increase by a few times since the October Revolution?

Can a wizard use the spell Levitate on a target and shoot him with attacking spells that don't require concentration?

Gory anime with pink haired girl escaping an asylum

Jimmy needs your help!

Why do Martians have to wear space helmets?

TS2339: Property 'defaultProps' does not exist on type '(props: any) => DetailedReactHTMLElement'

The property 'value' does not exist on value of type 'HTMLElement'How to specify (optional) default props with TypeScript for stateless, functional React components?How to use children with React Stateless Functional Component in TypeScript?Typescript + React/Redux: Property “XXX” does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributesTypeScript TS2339 error in React component: Property 'xyz' does not exist on type 'IntrinsicAttributes…'Method navigateTo does not exist on type ComponentClassSpecify specific props and accept general HTML props in Typescript React AppTypescript+React+Redux+reactrouter:“property does not exist on type IntrinsicAttributes & IntrinsicClassAttributes” passing props from parent to childUnable to set ref due to error “TS2339: Property 'X' does not exist on type 'Y' ” inside a react componentDefault property value in React component with extended props using TypeScript 3

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I try to specify default props with TypeScript for stateless, functional React components and have the following code:

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const sid = props

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )


ModalBackdrop.defaultProps = defaultProps

export default ModalBackdrop

While I compiled code I got the following error messages:

TS2339: Property 'defaultProps' does not exist on type '(props: any) => DetailedReactHTMLElement< className: string; , HTMLElement>'.

i ｢wdm｣: Failed to compile.

What do I miss?

reactjs typescript typescript-typings typescript2.0

share|improve this question

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

add a comment | 

0

I try to specify default props with TypeScript for stateless, functional React components and have the following code:

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const sid = props

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )


ModalBackdrop.defaultProps = defaultProps

export default ModalBackdrop

While I compiled code I got the following error messages:

TS2339: Property 'defaultProps' does not exist on type '(props: any) => DetailedReactHTMLElement< className: string; , HTMLElement>'.

i ｢wdm｣: Failed to compile.

What do I miss?

reactjs typescript typescript-typings typescript2.0

share|improve this question

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

add a comment | 

I try to specify default props with TypeScript for stateless, functional React components and have the following code:

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const sid = props

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )


ModalBackdrop.defaultProps = defaultProps

export default ModalBackdrop

While I compiled code I got the following error messages:

TS2339: Property 'defaultProps' does not exist on type '(props: any) => DetailedReactHTMLElement< className: string; , HTMLElement>'.

i ｢wdm｣: Failed to compile.

What do I miss?

reactjs typescript typescript-typings typescript2.0

share|improve this question

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const sid = props

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )


ModalBackdrop.defaultProps = defaultProps

export default ModalBackdrop

TS2339: Property 'defaultProps' does not exist on type '(props: any) => DetailedReactHTMLElement< className: string; , HTMLElement>'.

share|improve this question

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

share|improve this question

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

asked Mar 25 at 21:31

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

1 Answer
1

active

oldest

votes

0

Finally I found the following solution for setting default properties for stateless, functional React components. The key row is const propsPrivate: Props = ...defaultProps, ...props :

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


export const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const propsPrivate: Props = ...defaultProps, ...props 
 const sid = propsPrivate

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )

share|improve this answer

edited Mar 25 at 23:05

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55346704%2fts2339-property-defaultprops-does-not-exist-on-type-props-any-detailed%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Finally I found the following solution for setting default properties for stateless, functional React components. The key row is const propsPrivate: Props = ...defaultProps, ...props :

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


export const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const propsPrivate: Props = ...defaultProps, ...props 
 const sid = propsPrivate

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )

share|improve this answer

edited Mar 25 at 23:05

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

add a comment | 

0

Finally I found the following solution for setting default properties for stateless, functional React components. The key row is const propsPrivate: Props = ...defaultProps, ...props :

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


export const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const propsPrivate: Props = ...defaultProps, ...props 
 const sid = propsPrivate

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )

share|improve this answer

edited Mar 25 at 23:05

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

add a comment | 

Finally I found the following solution for setting default properties for stateless, functional React components. The key row is const propsPrivate: Props = ...defaultProps, ...props :

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


export const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const propsPrivate: Props = ...defaultProps, ...props 
 const sid = propsPrivate

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )

share|improve this answer

edited Mar 25 at 23:05

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

import React from 'react'

interface Props 
 readonly sid?: string,


const defaultProps: any = 
 sid: '',


export const ModalBackdrop: React.SFC<Props> = (props: Props): JSX.Element => 
 const propsPrivate: Props = ...defaultProps, ...props 
 const sid = propsPrivate

 return (
 <div className=`ModalBackdrop ModalBackdrop_$sid ModalBackdrop__hide` />
 )

share|improve this answer

edited Mar 25 at 23:05

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges

answered Mar 25 at 21:32

RomanRoman

4,00711 gold badge2929 silver badges3737 bronze badges