मेरा उद्देश्य इनपुट क्षेत्र में रंग मान प्रदर्शित करना है। मैं टेक्स्टफील्ड में रंग मान प्राप्त करने में सक्षम नहीं हो सका। क्या कोई इस प्रश्न में रंग मान प्राप्त करने में मेरी सहायता कर सकता है जिसे केवल हेक्सा रंग मान स्वीकार करना चाहिए?

यहाँ कोड है:

import React from "react";
import ColorPicker from "material-ui-color-picker";

export default class Demo extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      color: ""
    };
  }
  handleColor = (e) => {
    console.log("color", e);
    this.setState({ color: e });
  };

  render() {
    return (
      <ColorPicker
        name="color"
        defaultValue={this.state.color}
        onChange={this.handleColor}
      />
    );
  }
}


यहां नमूना है क्या कोई कृपया इस प्रश्न में मेरी मदद कर सकता है?

0
Sanjana 2 सितंबर 2020, 08:16

2 जवाब

सबसे बढ़िया उत्तर

आप अपने राज्य में सहेजे जा रहे रंग को दर्शाने के लिए value प्रोप सेट नहीं कर रहे हैं। एक सुधारा हुआ सैंडबॉक्स यहां है।

यह घटक अजीब तरह से व्यवहार करता है कि जब कोई नया चुना जाता है तो यह रंग के हेक्स मान को प्रदर्शित नहीं करता है, केवल टेक्स्ट का रंग बदलता है। इसके डॉक्स के अनुसार, इसे redux-form पैकेज के साथ काम करने के लिए डिज़ाइन किया गया था, इसलिए यह केवल उस पैकेज के संयोजन के साथ अधिक अपेक्षित व्यवहार प्रदर्शित कर सकता है, हालांकि मुझे यकीन नहीं है।

1
Chris B. 2 सितंबर 2020, 08:34

कृपया इस सैंडबॉक्स को चेकआउट करें https://codesandbox.io/s/hute3?file =/src/styles.css, आशा है कि यह आपकी समस्या का समाधान करेगा, यह सैंडबॉक्स ठीक वही है जिसकी आपको तलाश थी।

0
Muhammad Asad 2 सितंबर 2020, 08:37