反応成分レンダー

Question

import React from 'react'; 

const InputBoxes = ({ 
    userClick = '' 
    , name = '' 
    , class_name = '' 
    , style = ''})=> (
    <div 
    className={class_name.divContainer} 
    style={style.divContainer}> 
     <form className={class_name.formContainer} 
     style={style.formContainer} > 
     <input type='text' name={name.userName} 
     className={class_name.userName} 
     style={style.userName} /> 

     <input type='text' name={name.userPass} 
     className={class_name.userPass} 
     style={style.userPass} /> 

     <button name={name.clientButton} 
     className={class_name.clientButton} 
     style={style.clientButton} 
     onClick={userClick.clientButton}></button> 
     </form> 

    </div> 

); 


export default InputBoxes; 

私の他のファイルはこのシンプルですが、私は望みましたが、うまくいきませんでした。皆さんが私に何か間違っていますか？ 私は関数の引数がclass_nameであれば、あなたはclassNameを使うべきではありません

import React from 'react'; 
import reactDOM from 'react-dom'; 
import InputBoxes from './components/input_boxes'; 

reactDOM.render(
    <InputBoxes 
    className={class_name.divContainer = 'divClass'} /> 
    ,document.getElementById('root') 
); 

Answer 1

.... DOM上のdivコンテナdivClassにレンダリングしませんが、必要がある、あなたは

<InputBoxes class_name={{divContainer: 'divClass'}} /> 

を行う必要があります一般的にアンダースコア表記法はJSコードでは一般的ではありません。私は混乱を避けるために確立された慣習を守ることをお勧めします。